1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
| // stylelint-disable declaration-no-important
|
| // Common values
|
| // Sass list not in variables since it's not intended for customization.
| // stylelint-disable-next-line scss/dollar-variable-default
| $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;
| }
| }
|
|
