|
|
@@ -1,6 +1,9 @@
|
|
1
|
1
|
// Homepage grid
|
|
2
|
2
|
<template lang="pug">
|
|
3
|
|
-.page--index.f-row.between
|
|
|
3
|
+.page--index.f-col.between
|
|
|
4
|
+ header.w-max(v-if="allPages.welcome")
|
|
|
5
|
+ .page-content(v-html="allPages.welcome.content")
|
|
|
6
|
+
|
|
4
|
7
|
article.w-max
|
|
5
|
8
|
section(v-if="allSticky && Object.keys(allSticky).length").stickies
|
|
6
|
9
|
ul.flipped(:class="[`sticky-${Object.keys(allSticky).length}`]")
|
|
|
@@ -79,23 +82,26 @@ export default {
|
|
79
|
82
|
<style lang="postcss">
|
|
80
|
83
|
@import '../sss/variables.sss'
|
|
81
|
84
|
@import '../sss/theme.sss'
|
|
82
|
|
-.page--index > article
|
|
83
|
|
- display: flex
|
|
84
|
|
- justify-content: space-around
|
|
85
|
|
- flex-direction: column
|
|
86
|
|
- align-items: stretch
|
|
87
|
|
- section
|
|
88
|
|
- ul
|
|
89
|
|
- list-style: none
|
|
90
|
|
- li
|
|
91
|
|
- margin: 0 0 $ms-0 0
|
|
92
|
|
- &.max
|
|
93
|
|
- margin: 0
|
|
94
|
|
- > ul
|
|
95
|
|
- grid-template-columns:
|
|
96
|
|
- auto
|
|
97
|
|
- grid-template-rows:
|
|
98
|
|
- auto
|
|
|
85
|
+.page--index
|
|
|
86
|
+ > header
|
|
|
87
|
+ padding: $ms-0 $ms-2 $ms-1 $ms-2
|
|
|
88
|
+ > article
|
|
|
89
|
+ display: flex
|
|
|
90
|
+ justify-content: space-around
|
|
|
91
|
+ flex-direction: column
|
|
|
92
|
+ align-items: stretch
|
|
|
93
|
+ section
|
|
|
94
|
+ ul
|
|
|
95
|
+ list-style: none
|
|
|
96
|
+ li
|
|
|
97
|
+ margin: 0 0 $ms-0 0
|
|
|
98
|
+ &.max
|
|
|
99
|
+ margin: 0
|
|
|
100
|
+ > ul
|
|
|
101
|
+ grid-template-columns:
|
|
|
102
|
+ auto
|
|
|
103
|
+ grid-template-rows:
|
|
|
104
|
+ auto
|
|
99
|
105
|
@media (min-width: $medium)
|
|
100
|
106
|
.page--index > article > section
|
|
101
|
107
|
&.stickies
|