diff options
Diffstat (limited to 'assets/css/layouts/_landing.scss')
| -rw-r--r-- | assets/css/layouts/_landing.scss | 54 |
1 files changed, 0 insertions, 54 deletions
diff --git a/assets/css/layouts/_landing.scss b/assets/css/layouts/_landing.scss deleted file mode 100644 index a81b105..0000000 --- a/assets/css/layouts/_landing.scss +++ /dev/null | |||
| @@ -1,54 +0,0 @@ | |||
| 1 | @include namespace('landing') { | ||
| 2 | @include store(( | ||
| 3 | --dims: ( | ||
| 4 | --banner-width: 30rem, | ||
| 5 | ), | ||
| 6 | --colors: ( | ||
| 7 | --banner-bg: prop(--colors --bg, $global: true) | ||
| 8 | ) | ||
| 9 | )); | ||
| 10 | |||
| 11 | @include layout(namespace()) { | ||
| 12 | display: flex; | ||
| 13 | flex-direction: row; | ||
| 14 | align-items: center; | ||
| 15 | margin-top: auto; | ||
| 16 | margin-bottom: auto; | ||
| 17 | |||
| 18 | @include element('banner') { | ||
| 19 | width: 70%; | ||
| 20 | max-width: prop(--dims --banner-width); | ||
| 21 | background-color: prop(--colors --banner-bg); | ||
| 22 | } | ||
| 23 | |||
| 24 | @include element('content') { | ||
| 25 | width: 100%; | ||
| 26 | } | ||
| 27 | |||
| 28 | @include iro-responsive-env(('md', 'lg')) { | ||
| 29 | padding-right: iro-responsive-set((0, 3rem)); | ||
| 30 | padding-left: iro-responsive-set((0, 6rem)); | ||
| 31 | } | ||
| 32 | |||
| 33 | @include media('<=md') { | ||
| 34 | display: block; | ||
| 35 | |||
| 36 | @include element('side') { | ||
| 37 | display: none; | ||
| 38 | |||
| 39 | @include sibling-element('side') { | ||
| 40 | display: block; | ||
| 41 | } | ||
| 42 | } | ||
| 43 | |||
| 44 | @include element('banner', 'content') { | ||
| 45 | width: auto; | ||
| 46 | padding: 0; | ||
| 47 | } | ||
| 48 | |||
| 49 | @include element('banner') { | ||
| 50 | max-width: none; | ||
| 51 | } | ||
| 52 | } | ||
| 53 | } | ||
| 54 | } | ||
