routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
+31
@@ -0,0 +1,31 @@
|
||||
@use '../../styles/tools'
|
||||
@use './variables' as *
|
||||
|
||||
@include tools.layer('components')
|
||||
.v-main
|
||||
flex: 1 0 auto
|
||||
max-width: 100%
|
||||
transition: $main-transition
|
||||
padding-left: var(--v-layout-left)
|
||||
padding-right: var(--v-layout-right)
|
||||
padding-top: var(--v-layout-top)
|
||||
padding-bottom: var(--v-layout-bottom)
|
||||
|
||||
@media (prefers-reduced-motion: reduce)
|
||||
transition: none
|
||||
|
||||
&__scroller
|
||||
max-width: 100%
|
||||
position: relative
|
||||
|
||||
&--scrollable
|
||||
display: flex
|
||||
@include tools.absolute()
|
||||
|
||||
& > .v-main__scroller
|
||||
flex: 1 1 auto
|
||||
overflow-y: auto
|
||||
--v-layout-left: 0px
|
||||
--v-layout-right: 0px
|
||||
--v-layout-top: 0px
|
||||
--v-layout-bottom: 0px
|
||||
Reference in New Issue
Block a user