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
|
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 | }
|