|
|
@@ -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}`, 'f-row']")
|
|
|
10
|
+ ul(:class="[`sticky-${Object.keys(allSticky).length}`, 'flipped']")
|
|
11
|
11
|
//- if sticky
|
|
12
|
12
|
li.post(v-for="sticky in allSticky")
|
|
13
|
13
|
card(:content="sticky" :type="`${sticky.type}`")
|
|
|
@@ -141,16 +141,12 @@ 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
|
|
146
|
144
|
&:nth-of-type(3)
|
|
147
|
145
|
grid-column-start: 3
|
|
148
|
146
|
/* n4 artists, n5 posts */
|
|
149
|
147
|
&:nth-of-type(4), &:nth-of-type(5)
|
|
150
|
148
|
grid-column-start: 2
|
|
151
|
149
|
grid-row-start: 2
|
|
152
|
|
- .card article.card--info > h1
|
|
153
|
|
- font-size: $ms-0
|
|
154
|
150
|
&:nth-of-type(5)
|
|
155
|
151
|
grid-column-start: 3
|
|
156
|
152
|
|
|
|
@@ -168,6 +164,8 @@ export default {
|
|
168
|
164
|
&:nth-of-type(5)
|
|
169
|
165
|
grid-row-start: 1
|
|
170
|
166
|
grid-row-end: 3
|
|
|
167
|
+ &[class^="sticky-"]
|
|
|
168
|
+ display: flex
|
|
171
|
169
|
&.sticky-1
|
|
172
|
170
|
> li .card--info
|
|
173
|
171
|
display: flex
|