Przeglądaj źródła

:art: shrinking all titles for now

tags/0.9.0
J 4 lat temu
rodzic
commit
9df2db7f34

+ 1
- 1
vue-theme/src/components/card.vue Wyświetl plik

58
         padding: $ms--3
58
         padding: $ms--3
59
         margin: 0
59
         margin: 0
60
     h1
60
     h1
61
-        font-size: $ms-1
61
+        font-size: $ms-0
62
         padding: $ms--5 0
62
         padding: $ms--5 0
63
     p
63
     p
64
         &.datetime
64
         &.datetime

+ 3
- 5
vue-theme/src/pages/index.vue Wyświetl plik

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

Ładowanie…
Anuluj
Zapisz