diff options
author | Arvind <arvind@zonic.io> | 2018-08-25 20:23:47 +0300 |
---|---|---|
committer | Arvind <arvind@zonic.io> | 2018-08-25 20:23:47 +0300 |
commit | c443c59bb6c297b5d8ec806882832dcfbe8574ca (patch) | |
tree | cb7941e8bcecca552ff5b62cc3b2aebcbdd81a9f /assets/scss/utilities/_position.scss |
initial commit
Diffstat (limited to 'assets/scss/utilities/_position.scss')
-rwxr-xr-x | assets/scss/utilities/_position.scss | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/assets/scss/utilities/_position.scss b/assets/scss/utilities/_position.scss new file mode 100755 index 0000000..ef962ed --- /dev/null +++ b/assets/scss/utilities/_position.scss @@ -0,0 +1,36 @@ +// 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; + } +} |