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

vue-theme/src/pages/single.vue

@@ -8,11 +8,12 @@
     article(v-else).f-grow.shadow
         header
             //- breadcrumb links here at top of page, needs link routing
-            h3.t-up.breadcrumb {{ type }}/{{ post.title }}
+            h3.t-up.breadcrumb {{ type }} / {{ post.title }}
             
-            h1 {{ type }}:{{ $route.params.slug }} {{ post.title }}
-            p(v-if="post.categories") categories: {{ post.categories }}
-            p(v-if="post.type") type: {{ post.type }}
+            //- h1 {{ type }}:{{ $route.params.slug }} {{ post.title }}
+            h1.t-cntr.t-b  {{ post.title }}
+            //- p(v-if="post.categories") categories: {{ post.categories }}
+            //- p(v-if="post.type") type: {{ post.type }}
             p(v-if="post.subtypes") subtypes: {{ post.subtypes }}
 
             .date-info(v-if="type === 'events' || post.type === 'exhibitions'")
@@ -30,6 +31,10 @@
             
         credits(v-if="type === 'episodes' && post" :post="post")
 
+        //- end of article icon     
+        footer.f-col
+            img(src="../star.svg")
+
     sidebar(v-if="sidebar" :type="`${type}`" layout="single" :related="p2pPostsByType")
 </template>
 
@@ -206,8 +211,16 @@ export default {
 @import '../sss/theme.sss'
 .page--single
     article
+        padding: $ms-1
+        h1
+            color: $cia_black
+            /* font-weight: 800 */
+            padding: $ms--3 0
         h3.breadcrumb
-            color: yellow
+            /* color: orange */
+            color: $cia_red
+            font-weight: 400
+            padding: $ms--3 0
         > ul
             /* grid-gap: $ms-0 */
             list-style: none
@@ -226,7 +239,15 @@ export default {
             top: 0px 
             left: 0px 
             width: 100% 
-            height: 100% 
+            height: 100%
+        
+        //- end of article icon
+        footer
+            padding: $ms-6 0
+            img
+                height: $ms-3
+                width: $ms-3
+
         
 @media (min-width: $medium)
     .page--single.f-col