Просмотр исходного кода

styling adjustment for sticky alignment

tags/1.0.2
Alej 3 лет назад
Родитель
Сommit
3f21ffab40
1 измененных файлов: 6 добавлений и 5 удалений
  1. 6
    5
      vue-theme/src/pages/index.vue

+ 6
- 5
vue-theme/src/pages/index.vue Просмотреть файл

165
                 ul
165
                 ul
166
                     display: grid
166
                     display: grid
167
                     grid-template-columns: 
167
                     grid-template-columns: 
168
-                        49.5% 24.25% 24.25%
168
+                        49.5% 24.35% 24.35%
169
                     grid-template-rows: repeat(2, 1fr)
169
                     grid-template-rows: repeat(2, 1fr)
170
                     gap: 0 $ms--2
170
                     gap: 0 $ms--2
171
                     li
171
                     li
197
                             grid-column-start: 3
197
                             grid-column-start: 3
198
                     &.flipped
198
                     &.flipped
199
                         grid-template-columns: 
199
                         grid-template-columns: 
200
-                            24.25% 24.25% 49.5% 
200
+                            24.35% 24.35% 49.5% 
201
                         li
201
                         li
202
                             &:nth-of-type(1)
202
                             &:nth-of-type(1)
203
                                 grid-row-end: 2
203
                                 grid-row-end: 2
212
                         max-height: $max-card-img-height
212
                         max-height: $max-card-img-height
213
                 &.stickies
213
                 &.stickies
214
                     .post 
214
                     .post 
215
-                        min-width: 24.25%
215
+                        min-width: 24.35%
216
+                        max-width: 33%
216
                     ul
217
                     ul
217
                         &.flipped
218
                         &.flipped
218
                             grid-template-columns: 
219
                             grid-template-columns: 
219
-                                24.25% 24.25% 49.5% 
220
+                                24.35% 24.35% 49.5% 
220
                             li
221
                             li
221
                                 &:nth-of-type(1)
222
                                 &:nth-of-type(1)
222
                                     grid-row-end: 2
223
                                     grid-row-end: 2
240
                                     width: 100%
241
                                     width: 100%
241
                         &.sticky-5
242
                         &.sticky-5
242
                             grid-template-columns: 
243
                             grid-template-columns: 
243
-                                24.25% 24.25% 49.5%
244
+                                24.35% 24.35% 49.5%
244
                             grid-template-rows: 
245
                             grid-template-rows: 
245
                                 repeat(2, 1fr)
246
                                 repeat(2, 1fr)
246
                             gap: 3% 1%
247
                             gap: 3% 1%

Загрузка…
Отмена
Сохранить