You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
621 B
36 lines
621 B
// 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; |
|
} |
|
} |
|
}
|
|
|