landingpage/themes/app-landingpage/assets/scss/helpers/_position.scss
Dorian Zedler 1b923de71a
Some checks failed
continuous-integration/drone Build is failing
Chore: initial commit
2022-08-06 20:25:26 +02:00

30 lines
501 B
SCSS

// 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
@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;
}
}
}