소스 검색

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…
취소
저장