Merge branch 'master' of ssh://gitea.yvvas.com:4022/craft-in-america/vue-wp

vue-theme/editor-style.css

@@ -19,7 +19,7 @@
 .wp-block[data-align='wide'] {
     max-width: 1080px;
 }
- 
+
 /* Editor Width of "full-wide" blocks */
 .wp-block[data-align='full'] {
     max-width: none;
@@ -28,6 +28,7 @@
 body {
     font-family: Questrial, sans-serif;
     color: #0d0d0d;
+    font-size:15.2px;
 }
 
 p{

vue-theme/src/components/sidebars/sidebar.vue

@@ -32,12 +32,16 @@ aside.sidebar
         //- single layout Events sidebar
         .shadow(v-if="type === 'event'")
             exhibitions-sidebar
-        //- single layout Post sidebar
+        //- single layout type.post sidebar
         .shadow(v-if="type === 'post'")
             exhibitions-sidebar
         .shadow(v-if="type === 'post'")
             events-sidebar
-
+        //- single layout page sidebar
+        .shadow(v-if="type === 'page'")
+            events-sidebar
+        .shadow(v-if="type === 'page'")
+            exhibitions-sidebar
 
 </template>
 

vue-theme/src/pages/mixin-post-types.js

@@ -59,6 +59,13 @@ const heroUtils = {
             // json.text = post && post.excerpt ? post.excerpt : post.title
             // json.text = post.title
             json.text = post && post.content ? post.content : post.title
+            
+            if (post.type === 'page' && post.slug === 'center') {
+                json.text = post.title
+            }
+
+
+
             return json
         },
         _clearHero(store) {

vue-theme/src/pages/single.vue

@@ -261,7 +261,7 @@ export default {
             position: relative
             width: 100% 
             padding-bottom: 56.25%
-            margin-bottom: $ms-7 
+            margin-bottom: 7em
             &__wrapper
                 display: contents
             /* TBD if kept- edit ot test */
@@ -269,18 +269,21 @@ export default {
                 position: absolute
                 top: 100%
 
+        /* iframe container 16:9 */
         [class^="iframe-container"]
             position: relative
-            width: 100% 
-        /* iframe container 16:9 */
-        .iframe-container 
             padding-bottom: 56.25% 
+            /* width: 100%  */
         /* iframe container portrait */
         .iframe-container-v
             height: 100%
             padding-bottom: 125%
         iframe 
+            position: absolute
+            top: 0 
+            left: 0
             width: 100% 
+            height: 100%
 
         /* separator styles */
         * hr
@@ -310,10 +313,7 @@ export default {
 
         breadcrumb
             h5
-                /* color: yellow */
                 color: $cia_red
-                /* font-weight: 400 */
-                /* padding: $ms--6 0 */
         
         //- end of article icon
         footer
@@ -329,4 +329,7 @@ export default {
             margin: 0 0.65em 0 0
         &.f-col
             flex-direction: row
+            .wp-block-embed, .is-type-video
+                margin-bottom: $ms-9 
+
 </style>