rocket-pinboard/scss/utilities/_position.scss
Paul van Tilburg 7f36f116a6 Switch to Sass based custom CSS
* Include the Bootstrap v4.0.0-beta3 SCSS sources
* Use the old custom.css as a basis for wishlist.scss
* Set the correct column count based on the media sizes
2017-12-29 23:55:12 +01:00

37 lines
614 B
SCSS

// stylelint-disable declaration-no-important
// Common values
// Sass list not in variables since it's not intended for customization.
$positions: static, relative, absolute, fixed, sticky;
@each $position in $positions {
.position-#{$position} { position: $position !important; }
}
// 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;
}
.sticky-top {
@supports (position: sticky) {
position: sticky;
top: 0;
z-index: $zindex-sticky;
}
}