diff options
Diffstat (limited to 'assets/css/layouts/_section.scss')
| -rw-r--r-- | assets/css/layouts/_section.scss | 74 |
1 files changed, 0 insertions, 74 deletions
diff --git a/assets/css/layouts/_section.scss b/assets/css/layouts/_section.scss deleted file mode 100644 index 80b8ca9..0000000 --- a/assets/css/layouts/_section.scss +++ /dev/null | |||
| @@ -1,74 +0,0 @@ | |||
| 1 | @include namespace('section') { | ||
| 2 | @include store(( | ||
| 3 | --colors: ( | ||
| 4 | --border: prop(--colors --obj-hi, $global: true), | ||
| 5 | --body-bg: transparent, | ||
| 6 | ) | ||
| 7 | )); | ||
| 8 | |||
| 9 | @include store(( | ||
| 10 | --colors: ( | ||
| 11 | --body-bg: prop(--colors --bg-hi, $global: true), | ||
| 12 | ) | ||
| 13 | ), 'light'); | ||
| 14 | |||
| 15 | @include layout(namespace()) { | ||
| 16 | position: relative; | ||
| 17 | |||
| 18 | @include modifier('flex') { | ||
| 19 | display: flex; | ||
| 20 | flex-direction: column; | ||
| 21 | align-items: stretch; | ||
| 22 | justify-content: flex-start; | ||
| 23 | } | ||
| 24 | |||
| 25 | @include modifier('fullscreen') { | ||
| 26 | box-sizing: border-box; | ||
| 27 | min-height: 100vh; | ||
| 28 | margin-bottom: calc(-1 * #{prop(--dims --outer, $global: true)}); | ||
| 29 | padding-bottom: prop(--dims --outer, $global: true); | ||
| 30 | } | ||
| 31 | |||
| 32 | @include modifier('body') { | ||
| 33 | background-color: prop(--colors --body-bg); | ||
| 34 | } | ||
| 35 | |||
| 36 | @include modifier('no-header') { | ||
| 37 | padding-top: prop(--dims --outer, $global: true); | ||
| 38 | } | ||
| 39 | |||
| 40 | @include element('header') { | ||
| 41 | display: flex; | ||
| 42 | flex-direction: row; | ||
| 43 | align-items: center; | ||
| 44 | height: prop(--dims --outer, $global: true); | ||
| 45 | font-size: 1 / 16 * 15em; | ||
| 46 | |||
| 47 | @include modifier('sticky') { | ||
| 48 | position: sticky; | ||
| 49 | z-index: 9000; | ||
| 50 | top: 0; | ||
| 51 | left: 0; | ||
| 52 | } | ||
| 53 | } | ||
| 54 | |||
| 55 | /*@include element('footer') { | ||
| 56 | position: absolute; | ||
| 57 | z-index: 10000; | ||
| 58 | right: 0; | ||
| 59 | bottom: 0; | ||
| 60 | height: prop(--dims --outer, $global: true); | ||
| 61 | font-size: 1 / 16 * 15em; | ||
| 62 | }*/ | ||
| 63 | |||
| 64 | @include element('header-separator') { | ||
| 65 | flex: 1 1 auto; | ||
| 66 | width: 100%; | ||
| 67 | height: 100%; | ||
| 68 | margin-top: -1px; | ||
| 69 | margin-right: prop(--container --dims --pad-x, $global: true); | ||
| 70 | margin-left: prop(--container --dims --pad-x, $global: true); | ||
| 71 | border-top: 1px solid prop(--colors --border); | ||
| 72 | } | ||
| 73 | } | ||
| 74 | } | ||
