diff options
author | Arvind <heyarviind@gmail.com> | 2018-06-28 07:36:35 +0300 |
---|---|---|
committer | Arvind <heyarviind@gmail.com> | 2018-06-28 07:36:35 +0300 |
commit | 623503731b5c9916611b0aab782a5c115a86ad23 (patch) | |
tree | 3e290c7f9766e9ac34862aad1587a7afff96ea46 /scss/utilities/_position.scss |
first commit
Diffstat (limited to 'scss/utilities/_position.scss')
-rwxr-xr-x | scss/utilities/_position.scss | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/scss/utilities/_position.scss b/scss/utilities/_position.scss new file mode 100755 index 0000000..ef962ed --- /dev/null +++ b/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; + } +} |