浏览代码

styling edit - sticky grid layout on mobile

tags/1.0.3
Alej 3 年前
父节点
当前提交
112c43b7fd
共有 1 个文件被更改,包括 5 次插入1 次删除
  1. 5
    1
      vue-theme/src/pages/index.vue

+ 5
- 1
vue-theme/src/pages/index.vue 查看文件

@@ -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)

正在加载...
取消
保存