:art: rearranginge bg color for posts

vue-theme/src/app.vue

@@ -61,12 +61,10 @@ html
                 /* Block Shadow Thing */
                 .shadow
                     box-shadow: rgba(0 0 0 / 15%) 0.3px 0.5px 1.5px 0.5px
-                    border-radius: $ms--2
-                    /* background-color: white */
-        
+                    border-radius: 0.5em
                 /* Content Pieces excluding index*/
                 .post
-                    /* background-color: teal */
+                    /* bg for list pages */
                     background-color: white
                     margin: 0 0 $ms-0
                     &--title

vue-theme/src/pages/index.vue

@@ -9,25 +9,25 @@
         section(v-if="allSticky && Object.keys(allSticky).length").stickies
             ul.flipped(:class="[`sticky-${Object.keys(allSticky).length}`]")
                 //- if sticky
-                li.shadow(v-for="sticky in allSticky")
+                li.shadow.post(v-for="sticky in allSticky")
                     card(:content="sticky" :type="`${sticky.type}`")
         
         //- firstRow: ['episodes', 'exhibitions', 'events', 'shorts', 'posts'], exceprt on episodes only.
         section
             ul
-                li.shadow(v-for="type in firstRow")
+                li.shadow.post(v-for="type in firstRow")
                     card(:content="firstPostOfType(type)" :type="type")
         
         //- secondRow: 'artists', // This is only ONE post, excerpt on artist
         section.max
             ul.w-max
-                li.shadow(v-for="post in randomPosts.filter(p => p.type == secondRow)")
+                li.shadow.post(v-for="post in randomPosts.filter(p => p.type == secondRow)")
                     card(v-if="post" :content="post" :type="`${post.type}`" :wide="true")
         
         //- (thirdRow) firstRow.flipped: ['guides', 'objects', 'techniques', 'talks', 'center'], exceprt on guides only
         section
             ul.flipped
-                li.shadow(v-for="type in thirdRow")
+                li.shadow.post(v-for="type in thirdRow")
                      .random--wrapper(v-for="post in randomPosts.filter(p => p.type == type)")
                         card(:content="post" :type="type")
 </template>
@@ -133,8 +133,6 @@ export default {
             li
                 margin: 0
                 min-height: 10em
-                /* background-color: purple */
-                background-color: white
                 /* n1 episode */
                 &:nth-of-type(1)
                     grid-column-start: 1