minor chages - added breadcrumb to top of page, styling change to list image size

vue-theme/src/pages/single.vue

@@ -7,6 +7,9 @@
             p loading...
     article(v-else).f-grow.shadow
         header
+            //- breadcrumb links here at top of page, needs link routing
+            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 }}
@@ -25,7 +28,7 @@
             h2.t-up featured in this episode
             ul
                 li.f-row.between(v-for="artist in p2pPostsByType['artist']")
-                    img(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
+                    img.feature(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
                     .f-col
                         h2.t-up {{ artist.title }}
                         p {{ artist.excerpt }}
@@ -208,14 +211,17 @@ export default {
 @import '../sss/theme.sss'
 .page--single
     article
+        h3.breadcrumb
+            color: yellow
         ul
-            grid-gap: $ms-0
+            /* grid-gap: $ms-0 */
             list-style: none
-            img
-                width: 50%
+            /* change to a 1/3 width of the article*/
+            img.feature
+                width: 20em 
             li
-        /* responsive iframe embeds */
-        /* .iframe-container 
+        /* responsive iframe embeds 16:9 */
+        .iframe-container 
             position: relative
             width: 100% 
             padding-bottom: 56.25% 
@@ -225,7 +231,7 @@ export default {
             top: 0px 
             left: 0px 
             width: 100% 
-            height: 100%  */
+            height: 100% 
         
 @media (min-width: $medium)
     .page--single.f-col