feat(uti): Move directory
[csit.git] / csit.infra.dash / app / pal / static / sass / bootstrap / helpers / _position.scss
1 // Shorthand
2
3 .fixed-top {
4   position: fixed;
5   top: 0;
6   right: 0;
7   left: 0;
8   z-index: $zindex-fixed;
9 }
10
11 .fixed-bottom {
12   position: fixed;
13   right: 0;
14   bottom: 0;
15   left: 0;
16   z-index: $zindex-fixed;
17 }
18
19 // Responsive sticky top and bottom
20 @each $breakpoint in map-keys($grid-breakpoints) {
21   @include media-breakpoint-up($breakpoint) {
22     $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
23
24     .sticky#{$infix}-top {
25       position: sticky;
26       top: 0;
27       z-index: $zindex-sticky;
28     }
29
30     .sticky#{$infix}-bottom {
31       position: sticky;
32       bottom: 0;
33       z-index: $zindex-sticky;
34     }
35   }
36 }