Kaynağa Gözat

adjust styling - set colours to cia theme, added single article footer icon

tags/0.9.0
Alej 4 yıl önce
ebeveyn
işleme
68a79ad6b1
1 değiştirilmiş dosya ile 27 ekleme ve 6 silme
  1. 27
    6
      vue-theme/src/pages/single.vue

+ 27
- 6
vue-theme/src/pages/single.vue Dosyayı Görüntüle

8
     article(v-else).f-grow.shadow
8
     article(v-else).f-grow.shadow
9
         header
9
         header
10
             //- breadcrumb links here at top of page, needs link routing
10
             //- breadcrumb links here at top of page, needs link routing
11
-            h3.t-up.breadcrumb {{ type }}/{{ post.title }}
11
+            h3.t-up.breadcrumb {{ type }} / {{ post.title }}
12
             
12
             
13
-            h1 {{ type }}:{{ $route.params.slug }} {{ post.title }}
14
-            p(v-if="post.categories") categories: {{ post.categories }}
15
-            p(v-if="post.type") type: {{ post.type }}
13
+            //- h1 {{ type }}:{{ $route.params.slug }} {{ post.title }}
14
+            h1.t-cntr.t-b  {{ post.title }}
15
+            //- p(v-if="post.categories") categories: {{ post.categories }}
16
+            //- p(v-if="post.type") type: {{ post.type }}
16
             p(v-if="post.subtypes") subtypes: {{ post.subtypes }}
17
             p(v-if="post.subtypes") subtypes: {{ post.subtypes }}
17
 
18
 
18
             .date-info(v-if="type === 'events' || post.type === 'exhibitions'")
19
             .date-info(v-if="type === 'events' || post.type === 'exhibitions'")
30
             
31
             
31
         credits(v-if="type === 'episodes' && post" :post="post")
32
         credits(v-if="type === 'episodes' && post" :post="post")
32
 
33
 
34
+        //- end of article icon     
35
+        footer.f-col
36
+            img(src="../star.svg")
37
+
33
     sidebar(v-if="sidebar" :type="`${type}`" layout="single" :related="p2pPostsByType")
38
     sidebar(v-if="sidebar" :type="`${type}`" layout="single" :related="p2pPostsByType")
34
 </template>
39
 </template>
35
 
40
 
206
 @import '../sss/theme.sss'
211
 @import '../sss/theme.sss'
207
 .page--single
212
 .page--single
208
     article
213
     article
214
+        padding: $ms-1
215
+        h1
216
+            color: $cia_black
217
+            /* font-weight: 800 */
218
+            padding: $ms--3 0
209
         h3.breadcrumb
219
         h3.breadcrumb
210
-            color: yellow
220
+            /* color: orange */
221
+            color: $cia_red
222
+            font-weight: 400
223
+            padding: $ms--3 0
211
         > ul
224
         > ul
212
             /* grid-gap: $ms-0 */
225
             /* grid-gap: $ms-0 */
213
             list-style: none
226
             list-style: none
226
             top: 0px 
239
             top: 0px 
227
             left: 0px 
240
             left: 0px 
228
             width: 100% 
241
             width: 100% 
229
-            height: 100% 
242
+            height: 100%
243
+        
244
+        //- end of article icon
245
+        footer
246
+            padding: $ms-6 0
247
+            img
248
+                height: $ms-3
249
+                width: $ms-3
250
+
230
         
251
         
231
 @media (min-width: $medium)
252
 @media (min-width: $medium)
232
     .page--single.f-col
253
     .page--single.f-col

Loading…
İptal
Kaydet