瀏覽代碼

related artist section, adjust layout alignment

tags/0.9.0
Alej 5 年之前
父節點
當前提交
fe31656a00
共有 1 個檔案被更改,包括 16 行新增10 行删除
  1. 16
    10
      vue-theme/src/pages/single.vue

+ 16
- 10
vue-theme/src/pages/single.vue 查看文件

@@ -21,13 +21,14 @@
21 21
         //- related artists section example layout
22 22
         section
23 23
             h2.t-up featured in this episode
24
-            ul.f-col.f-start
25
-                li
26
-                    img(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
24
+            ul.f-row.between
25
+                img(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
26
+                li.f-col.between
27 27
                     h2.t-up Julie Schafler Dale
28 28
                     p Julie Schafler Dale was the founder and President of Julie: Artisans’ Gallery, New York, which conducted business on Madison Avenue for over forty years. She has served on the Advisory Council for The...
29
-                li
30
-                    img(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/P1033899.jpg")
29
+            ul.f-row.between
30
+                img(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/P1033899.jpg")
31
+                li.f-col.between
31 32
                     h2.t-up George Rodriguez
32 33
                     p George Rodriguez is a Seattle-based ceramic artist and sculptor who, throughout his career, has used oversized ceramic personalities he creates to tell universal stories. He was born and raised in El Paso, where...
33 34
 
@@ -208,13 +209,14 @@ export default {
208 209
 @import '../sss/theme.sss'
209 210
 .page--single
210 211
     article
211
-        > ul
212
+        ul
213
+            grid-gap: $ms-0
212 214
             list-style: none
215
+            img
216
+                width: 50%
213 217
             li
214
-                img
215
-                    width: 100%
216 218
         /* responsive iframe embeds */
217
-        .iframe-container 
219
+        /* .iframe-container 
218 220
             position: relative
219 221
             width: 100% 
220 222
             padding-bottom: 56.25% 
@@ -224,6 +226,10 @@ export default {
224 226
             top: 0px 
225 227
             left: 0px 
226 228
             width: 100% 
227
-            height: 100% 
229
+            height: 100%  */
230
+
231
+    @media (--large-viewport)
232
+        .sidebar
233
+            background-color: purple
228 234
 
229 235
 </style>

Loading…
取消
儲存