Merge branch 'master' of http://104.236.152.10:4000/craft-in-america/vue-wp

vue-theme/src/components/card.vue

@@ -13,8 +13,8 @@
         .f-col.w-max
             router-link(:to="`/${type}/${content.slug}`")
                 h1.t-up.t-cntr.t-b {{ content.title }}
-            p(v-if="content.end && type == 'event'") {{ dateFrom(content.start, type=='event') }} – {{ dateFrom(content.end, type=='event').split(',')[1] }}
-            p(v-else-if="content.end") {{ dateFrom(content.start, type=='event') }} – {{ dateFrom(content.end, type=='event') }}
+            p(v-if="content.end && type == 'event'" class="datetime") {{ dateFrom(content.start, type=='event') }} – {{ dateFrom(content.end, type=='event').split(',')[1] }}
+            p(v-else-if="content.end" class="datetime") {{ dateFrom(content.start, type=='event') }} – {{ dateFrom(content.end, type=='event') }}
             p {{ content.excerpt }}
 </template>
 
@@ -44,8 +44,9 @@ export default {
         justify-content: center
     header
         a
-            font-size: $ms--1
+            font-size: $ms--2
             text-decoration: none
+            margin: 0
     img
         width: 100%
         height: auto
@@ -55,8 +56,12 @@ export default {
         margin: 0
     h1
         font-size: $ms-1
+        padding: $ms--3 0
         /* color: $cia_black */
-    
+    p.datetime
+        font-size: $ms--1
+        margin: 0 0 calc($ms-0/2) 0
+        line-height: calc($ms-0/2)
 
     
 /* for widths larger than 768px */

vue-theme/src/sss/_typography.sss

@@ -38,7 +38,7 @@ h1, h2, h3, h4, h5, h6 /* common */
     margin-right: 0
 p 
     font-size: $ms-0
-    line-height: 1.4
+    line-height: 1.3
     /* margin-top: $ms-0 */
     margin-bottom: $ms-0