Explorar el Código

styling edit - sticky grid layout on mobile

tags/1.0.3
Alej hace 3 años
padre
commit
112c43b7fd
Se han modificado 1 ficheros con 5 adiciones y 1 borrados
  1. 5
    1
      vue-theme/src/pages/index.vue

+ 5
- 1
vue-theme/src/pages/index.vue Ver fichero

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

Loading…
Cancelar
Guardar