diff options
Diffstat (limited to 'assets/css/layouts')
-rw-r--r-- | assets/css/layouts/_section.scss | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/assets/css/layouts/_section.scss b/assets/css/layouts/_section.scss index 1a1bc0b..9dbe2be 100644 --- a/assets/css/layouts/_section.scss +++ b/assets/css/layouts/_section.scss | |||
@@ -24,10 +24,6 @@ | |||
24 | 24 | ||
25 | @include element('head') { | 25 | @include element('head') { |
26 | display: flex; | 26 | display: flex; |
27 | position: sticky; | ||
28 | z-index: 9000; | ||
29 | top: 0; | ||
30 | left: 0; | ||
31 | flex-direction: row; | 27 | flex-direction: row; |
32 | justify-self: flex-start; | 28 | justify-self: flex-start; |
33 | font-size: 1 / 16 * 15em; | 29 | font-size: 1 / 16 * 15em; |
@@ -41,6 +37,13 @@ | |||
41 | margin-left: prop(--container --dims --pad-x, $global: true); | 37 | margin-left: prop(--container --dims --pad-x, $global: true); |
42 | border-top: 1px solid prop(--colors --border); | 38 | border-top: 1px solid prop(--colors --border); |
43 | } | 39 | } |
40 | |||
41 | @include modifier('sticky') { | ||
42 | position: sticky; | ||
43 | z-index: 9000; | ||
44 | top: 0; | ||
45 | left: 0; | ||
46 | } | ||
44 | } | 47 | } |
45 | } | 48 | } |
46 | } | 49 | } |