| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- @use 'sass:selector'
- @use '../../styles/tools'
- @use './variables' as *
- @include tools.layer('components')
- // Block
- .v-overlay-container
- contain: layout
- left: 0
- pointer-events: none
- position: absolute
- top: 0
- display: contents
- .v-overlay-scroll-blocked
- padding-inline-end: var(--v-scrollbar-offset)
- &:not(html)
- overflow-y: hidden !important
- @at-root #{selector.append(html, &)}
- position: fixed
- top: var(--v-body-scroll-y)
- left: var(--v-body-scroll-x)
- width: 100%
- height: 100%
- .v-overlay
- border-radius: inherit
- display: flex
- left: 0
- pointer-events: none
- position: fixed
- top: 0
- bottom: 0
- right: 0
- // Element
- .v-overlay__content
- outline: none
- position: absolute
- pointer-events: auto
- contain: layout
- .v-overlay__scrim
- pointer-events: auto
- background: $overlay-scrim-background
- border-radius: inherit
- bottom: 0
- left: 0
- opacity: $overlay-opacity
- position: fixed
- right: 0
- top: 0
- // Modifier
- .v-overlay--absolute
- position: absolute
- .v-overlay--contained .v-overlay__scrim
- position: absolute
- .v-overlay--scroll-blocked
- padding-inline-end: var(--v-scrollbar-offset)
|
