|
|
@@ -7,7 +7,7 @@
|
|
7
|
7
|
article.w-max
|
|
8
|
8
|
//- sticky section
|
|
9
|
9
|
section(v-if="allSticky && Object.keys(allSticky).length").stickies
|
|
10
|
|
- ul.flipped(:class="[`sticky-${Object.keys(allSticky).length}`]")
|
|
|
10
|
+ ul.flipped(:class="[`sticky-${Object.keys(allSticky).length}`, 'f-row']")
|
|
11
|
11
|
//- if sticky
|
|
12
|
12
|
li.post(v-for="sticky in allSticky")
|
|
13
|
13
|
card(:content="sticky" :type="`${sticky.type}`")
|
|
|
@@ -141,12 +141,16 @@ export default {
|
|
141
|
141
|
&:nth-of-type(2), &:nth-of-type(3)
|
|
142
|
142
|
grid-column-start: 2
|
|
143
|
143
|
grid-row-start: 1
|
|
|
144
|
+ .card article.card--info > h1
|
|
|
145
|
+ font-size: $ms-0
|
|
144
|
146
|
&:nth-of-type(3)
|
|
145
|
147
|
grid-column-start: 3
|
|
146
|
148
|
/* n4 artists, n5 posts */
|
|
147
|
149
|
&:nth-of-type(4), &:nth-of-type(5)
|
|
148
|
150
|
grid-column-start: 2
|
|
149
|
151
|
grid-row-start: 2
|
|
|
152
|
+ .card article.card--info > h1
|
|
|
153
|
+ font-size: $ms-0
|
|
150
|
154
|
&:nth-of-type(5)
|
|
151
|
155
|
grid-column-start: 3
|
|
152
|
156
|
|
|
|
@@ -165,17 +169,10 @@ export default {
|
|
165
|
169
|
grid-row-start: 1
|
|
166
|
170
|
grid-row-end: 3
|
|
167
|
171
|
&.sticky-1
|
|
168
|
|
- display: flex
|
|
169
|
172
|
> li .card--info
|
|
170
|
173
|
display: flex
|
|
171
|
174
|
> a:first-of-type
|
|
172
|
175
|
width: 100%
|
|
173
|
|
- &.sticky-2
|
|
174
|
|
- display: flex
|
|
175
|
|
- &.sticky-3
|
|
176
|
|
- display: flex
|
|
177
|
|
- &.sticky-4
|
|
178
|
|
- display: flex
|
|
179
|
176
|
&.sticky-5
|
|
180
|
177
|
grid-template-columns:
|
|
181
|
178
|
24.25% 24.25% 49.5%
|
