diff options
author | pmikus <peter.mikus@protonmail.ch> | 2022-09-19 08:49:01 +0200 |
---|---|---|
committer | Peter Mikus <peter.mikus@protonmail.ch> | 2022-09-19 06:54:43 +0000 |
commit | d6a60b5043c6f7c3dfc45853feb68d0aca5a4a5f (patch) | |
tree | 022343584d4e00a0da8ef12eb4e713d67344fc95 /resources/tools/dash/app/pal/static/sass/bootstrap/_offcanvas.scss | |
parent | d2ef7bc01df66f6a27f25d061db064cf4a463267 (diff) |
feat(uti): Move directory
Signed-off-by: pmikus <peter.mikus@protonmail.ch>
Change-Id: I7300ecfe756baaf3fbeedb020070f882cfaca445
Diffstat (limited to 'resources/tools/dash/app/pal/static/sass/bootstrap/_offcanvas.scss')
-rw-r--r-- | resources/tools/dash/app/pal/static/sass/bootstrap/_offcanvas.scss | 144 |
1 files changed, 0 insertions, 144 deletions
diff --git a/resources/tools/dash/app/pal/static/sass/bootstrap/_offcanvas.scss b/resources/tools/dash/app/pal/static/sass/bootstrap/_offcanvas.scss deleted file mode 100644 index 23fc357f2b..0000000000 --- a/resources/tools/dash/app/pal/static/sass/bootstrap/_offcanvas.scss +++ /dev/null @@ -1,144 +0,0 @@ -// stylelint-disable function-disallowed-list - -%offcanvas-css-vars { - // scss-docs-start offcanvas-css-vars - --#{$prefix}offcanvas-zindex: #{$zindex-offcanvas}; - --#{$prefix}offcanvas-width: #{$offcanvas-horizontal-width}; - --#{$prefix}offcanvas-height: #{$offcanvas-vertical-height}; - --#{$prefix}offcanvas-padding-x: #{$offcanvas-padding-x}; - --#{$prefix}offcanvas-padding-y: #{$offcanvas-padding-y}; - --#{$prefix}offcanvas-color: #{$offcanvas-color}; - --#{$prefix}offcanvas-bg: #{$offcanvas-bg-color}; - --#{$prefix}offcanvas-border-width: #{$offcanvas-border-width}; - --#{$prefix}offcanvas-border-color: #{$offcanvas-border-color}; - --#{$prefix}offcanvas-box-shadow: #{$offcanvas-box-shadow}; - // scss-docs-end offcanvas-css-vars -} - -@each $breakpoint in map-keys($grid-breakpoints) { - $next: breakpoint-next($breakpoint, $grid-breakpoints); - $infix: breakpoint-infix($next, $grid-breakpoints); - - .offcanvas#{$infix} { - @extend %offcanvas-css-vars; - } -} - -@each $breakpoint in map-keys($grid-breakpoints) { - $next: breakpoint-next($breakpoint, $grid-breakpoints); - $infix: breakpoint-infix($next, $grid-breakpoints); - - .offcanvas#{$infix} { - @include media-breakpoint-down($next) { - position: fixed; - bottom: 0; - z-index: var(--#{$prefix}offcanvas-zindex); - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--#{$prefix}offcanvas-color); - visibility: hidden; - background-color: var(--#{$prefix}offcanvas-bg); - background-clip: padding-box; - outline: 0; - @include box-shadow(var(--#{$prefix}offcanvas-box-shadow)); - @include transition(transform $offcanvas-transition-duration ease-in-out); - - &.offcanvas-start { - top: 0; - left: 0; - width: var(--#{$prefix}offcanvas-width); - border-right: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color); - transform: translateX(-100%); - } - - &.offcanvas-end { - top: 0; - right: 0; - width: var(--#{$prefix}offcanvas-width); - border-left: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color); - transform: translateX(100%); - } - - &.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--#{$prefix}offcanvas-height); - max-height: 100%; - border-bottom: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color); - transform: translateY(-100%); - } - - &.offcanvas-bottom { - right: 0; - left: 0; - height: var(--#{$prefix}offcanvas-height); - max-height: 100%; - border-top: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color); - transform: translateY(100%); - } - - &.showing, - &.show:not(.hiding) { - transform: none; - } - - &.showing, - &.hiding, - &.show { - visibility: visible; - } - } - - @if not ($infix == "") { - @include media-breakpoint-up($next) { - --#{$prefix}offcanvas-height: auto; - --#{$prefix}offcanvas-border-width: 0; - background-color: transparent !important; // stylelint-disable-line declaration-no-important - - .offcanvas-header { - display: none; - } - - .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - // Reset `background-color` in case `.bg-*` classes are used in offcanvas - background-color: transparent !important; // stylelint-disable-line declaration-no-important - } - } - } - } -} - -.offcanvas-backdrop { - @include overlay-backdrop($zindex-offcanvas-backdrop, $offcanvas-backdrop-bg, $offcanvas-backdrop-opacity); -} - -.offcanvas-header { - display: flex; - align-items: center; - justify-content: space-between; - padding: var(--#{$prefix}offcanvas-padding-y) var(--#{$prefix}offcanvas-padding-x); - - .btn-close { - padding: calc(var(--#{$prefix}offcanvas-padding-y) * .5) calc(var(--#{$prefix}offcanvas-padding-x) * .5); - margin-top: calc(-.5 * var(--#{$prefix}offcanvas-padding-y)); - margin-right: calc(-.5 * var(--#{$prefix}offcanvas-padding-x)); - margin-bottom: calc(-.5 * var(--#{$prefix}offcanvas-padding-y)); - } -} - -.offcanvas-title { - margin-bottom: 0; - line-height: $offcanvas-title-line-height; -} - -.offcanvas-body { - flex-grow: 1; - padding: var(--#{$prefix}offcanvas-padding-y) var(--#{$prefix}offcanvas-padding-x); - overflow-y: auto; -} |