| 1234567891011121314151617181920212223242526272829303132333435363738394041 |
- @use 'sass:map'
- @use '../../styles/settings'
- @use '../../styles/tools'
- @use './variables' as *
- // Transition
- @include tools.layer('transitions')
- .bottom-sheet-transition
- &-enter-from
- transform: translateY(100%)
- &-leave-to
- transform: translateY(100%)
- // Block
- @include tools.layer('components')
- .v-bottom-sheet
- > .v-bottom-sheet__content.v-overlay__content
- align-self: flex-end
- border-radius: 0
- flex: 0 1 auto
- left: 0
- right: 0
- margin-inline: 0
- margin-bottom: 0
- transition-duration: $bottom-sheet-transition-duration
- width: 100%
- max-width: 100%
- overflow: visible
- @include tools.elevation($bottom-sheet-elevation)
- > .v-card,
- > .v-sheet
- border-radius: $bottom-sheet-border-radius
- &.v-bottom-sheet--inset
- max-width: none
- @media #{map.get(settings.$display-breakpoints, 'sm-and-up')}
- max-width: $bottom-sheet-inset-width
|
