theme styling edits - cia theme adjustments

vue-theme/src/app.vue

@@ -38,11 +38,13 @@ html
             /* margin: 0 0 3vh 0 */
             padding: 0 0 3vh 0
             
-            :--headings, a
+            /* :--headings, a */
+            a
                 color: $cia_red
             
             a:hover
-                color: $dark
+                /* leave obvious for testing */
+                color: green
 
             img
                 transition: $transition ease-in
@@ -61,6 +63,7 @@ html
                 .shadow
                     box-shadow: rgba(0 0 0 / 15%) 0.3px 0.5px 1.5px 0.5px
                     border-radius: $ms--2
+                    /* background-color: white */
         
                 /* Content Pieces excluding index*/
                 .post
@@ -81,10 +84,10 @@ html
                     > ul
                         list-style: none
                 
-                /* Single & List Pages */
-                > article
+                /* Single & List Pages*/
+                /* > article */
+                article
                     /* background-color: lightpink */
-                    background-color: white
                 
         nav, footer
             &.main

vue-theme/src/pages/index.vue

@@ -87,7 +87,8 @@ export default {
 @import '../sss/theme.sss'
 .page--index 
     > header
-        padding: $ms-0 $ms-2 $ms-1 $ms-2 
+        /* padding: $ms-0 $ms-2 $ms-1 $ms-2 */
+        padding: $ms-0 $ms-2
     > article
         display: flex
         justify-content: space-around
@@ -110,28 +111,31 @@ export default {
         &.stickies
             margin: 0 0 2% 0
         &.max 
-            margin: 3.5% 0 3% 0
+            margin: 1.5% 0 2% 0
         ul
             display: grid
             grid-template-columns: 
                 49.5% 24.25% 24.25%
             grid-template-rows: 
                 48% 48%
-            gap: 4% 1%
+            gap: 3% 1%
             li
                 margin: 0
                 min-height: 10em
                 /* background-color: purple */
                 background-color: white
+                /* n1 episode */
                 &:nth-of-type(1)
                     grid-column-start: 1
                     grid-row-start: 1
                     grid-row-end: 3
+                /* n2 exhibition, n3 events */
                 &:nth-of-type(2), &:nth-of-type(3)
                     grid-column-start: 2
                     grid-row-start: 1
                 &:nth-of-type(3)
                     grid-column-start: 3
+                /* n4 artists, n5 posts */
                 &:nth-of-type(4), &:nth-of-type(5)
                     grid-column-start: 2
                     grid-row-start: 2
@@ -169,7 +173,7 @@ export default {
                         24.25% 24.25% 49.5%
                     grid-template-rows: 
                         48% 48%
-                    gap: 4% 1%
+                    gap: 3% 1%
                     > li
                         &:nth-of-type(1)
                             grid-row-end: 2