Selaa lähdekoodia

styling edit - sticky grid layout on mobile

tags/1.0.3
Alej 3 vuotta sitten
vanhempi
commit
112c43b7fd
1 muutettua tiedostoa jossa 5 lisäystä ja 1 poistoa
  1. 5
    1
      vue-theme/src/pages/index.vue

+ 5
- 1
vue-theme/src/pages/index.vue Näytä tiedosto

153
                         auto
153
                         auto
154
                     grid-template-rows: 
154
                     grid-template-rows: 
155
                         auto
155
                         auto
156
-            &.stickies
156
+            &.stickies // stickies grid on mobile
157
                 ul
157
                 ul
158
+                    display: grid 
159
+                    grid-template-columns: repeat(2, 1fr)
160
+                    grid-gap: $ms--2
161
+
158
                     &.flipped
162
                     &.flipped
159
                         li
163
                         li
160
                             &:nth-of-type(4)
164
                             &:nth-of-type(4)

Loading…
Peruuta
Tallenna