From f8bdd103ff86c171f6db6cef657c7ecbe97763a1 Mon Sep 17 00:00:00 2001 From: pmikus Date: Fri, 16 Sep 2022 12:49:35 +0200 Subject: feat(uti): Compiled CSS Signed-off-by: pmikus Change-Id: Idce840acedcf6f3badbecd8c80f28d94d3abd1af --- .../static/sass/bootstrap/helpers/_position.scss | 36 ++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 resources/tools/dash/app/pal/static/sass/bootstrap/helpers/_position.scss (limited to 'resources/tools/dash/app/pal/static/sass/bootstrap/helpers/_position.scss') diff --git a/resources/tools/dash/app/pal/static/sass/bootstrap/helpers/_position.scss b/resources/tools/dash/app/pal/static/sass/bootstrap/helpers/_position.scss new file mode 100644 index 0000000000..59103d9436 --- /dev/null +++ b/resources/tools/dash/app/pal/static/sass/bootstrap/helpers/_position.scss @@ -0,0 +1,36 @@ +// Shorthand + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: $zindex-fixed; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: $zindex-fixed; +} + +// Responsive sticky top and bottom +@each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-up($breakpoint) { + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + .sticky#{$infix}-top { + position: sticky; + top: 0; + z-index: $zindex-sticky; + } + + .sticky#{$infix}-bottom { + position: sticky; + bottom: 0; + z-index: $zindex-sticky; + } + } +} -- cgit 1.2.3-korg