bootstrap/scss/helpers/_position.scss

37 lines
621 B
SCSS
Raw Permalink Normal View History

// 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);
2019-09-14 02:15:20 +08:00
.sticky#{$infix}-top {
position: sticky;
top: 0;
z-index: $zindex-sticky;
2019-09-14 02:15:20 +08:00
}
.sticky#{$infix}-bottom {
position: sticky;
bottom: 0;
z-index: $zindex-sticky;
}
2017-06-18 01:14:45 +08:00
}
}