:recycle: removing more grid spacing things

vue-theme/src/components/card.vue

@@ -6,11 +6,11 @@
         router-link(v-else-if="!hideType" :to="`/${type}`")
             p.t-up {{type}}
 
-    article.card--info(:class="{ 'wide': wide }")
+    article.card--info.f-col(:class="{ 'wide': wide }")
         router-link(:to="`/${type}/${content.slug}`")
             //- set image to thumbnail setting
             featured-image(:post="content", thumbsize="'standard'")
-        .f-col.w-max
+        .f-col.w-max(style="height: inherit")
             router-link(:to="`/${type}/${content.slug}`")
                 h1.t-up.t-cntr.t-b {{ content.title }}
             p(v-if="content.end && type == 'event'" class="datetime") {{ dateFrom(content.start, type=='event') }} – {{ dateFrom(content.end, type=='event').split(',')[1] }}

vue-theme/src/pages/index.vue

@@ -107,8 +107,8 @@ export default {
         section
             ul
                 list-style: none
-                li
-                    margin: 0 0 $ms-0 0
+                li.post
+                    background-color: white
                     .featured-or-hero-image img
                         max-height: $max-card-img-height
                     p.excerpt
@@ -123,16 +123,13 @@ export default {
 /* min-width 768px */
 @media (min-width: $medium)
     .page--index > article > section
-        &.stickies
-            .post 
-                min-width: 24.25%
         ul
             display: grid
             grid-template-columns: 
                 49.5% 24.25% 24.25%
             grid-template-rows: 
                 48% 48%
-            gap: 3% 1%
+            gap: 2% 1%
             li
                 margin: 0
                 min-height: 10em
@@ -163,6 +160,8 @@ export default {
             li .featured-or-hero-image img
                 max-height: $max-card-img-height
         &.stickies
+            .post 
+                min-width: 24.25%
             ul
                 &.flipped
                     grid-template-columns: 

vue-theme/src/pages/list.vue

@@ -14,8 +14,8 @@
                 v-html="allPages[type].content"
             )
 
-        .posts(v-if="posts && loaded" :class="{ 'is-grid': grid }")
-            section(v-for="(post, i) in posts" :key="post.slug").shadow.post
+        ul.posts(v-if="posts && loaded" :class="{ 'is-grid': grid }")
+            li(v-for="(post, i) in posts" :key="post.slug").post
                 card(:content="post" :type="type" :wide="type == 'exhibition' && i > 1 || type == 'event' && i > 1 ")
         
         //- Important: Do NOT remove this! Required for intersection observer