:art: fixing wrong css rules on index again

vue-theme/src/pages/index.vue

@@ -158,56 +158,56 @@ export default {
                             grid-row-start: 2
                         &:nth-of-type(5)
                             grid-column-start: 3
-            &.max
-                /* Need some extra gap on wide pages */
-                padding: $ms--2 0
-                li .featured-or-hero-image img
-                    max-height: $max-card-img-height
-            &.stickies
-                .post 
-                    min-width: 24.25%
-                ul
-                    &.flipped
-                        grid-template-columns: 
-                            24.25% 24.25% 49.5% 
-                        li
-                            &:nth-of-type(1)
-                                grid-row-end: 2
-                            &:nth-of-type(3)
-                                grid-column-start: 1
-                                grid-row-start: 2
-                            &:nth-of-type(5)
-                                grid-row-start: 1
-                                grid-row-end: 3
-                    &[class^="sticky-"]
-                        display: flex
-                    &.sticky-1
-                        > li .card--info 
+                &.max
+                    /* Need some extra gap on wide pages */
+                    padding: $ms--2 0
+                    li .featured-or-hero-image img
+                        max-height: $max-card-img-height
+                &.stickies
+                    .post 
+                        min-width: 24.25%
+                    ul
+                        &.flipped
+                            grid-template-columns: 
+                                24.25% 24.25% 49.5% 
+                            li
+                                &:nth-of-type(1)
+                                    grid-row-end: 2
+                                &:nth-of-type(3)
+                                    grid-column-start: 1
+                                    grid-row-start: 2
+                                &:nth-of-type(5)
+                                    grid-row-start: 1
+                                    grid-row-end: 3
+                        &[class^="sticky-"]
                             display: flex
-                            > a:first-of-type
-                                width: 100%
-                    &.sticky-5
-                        grid-template-columns: 
-                            24.25% 24.25% 49.5%
-                        grid-template-rows: 
-                            repeat(2, 1fr)
-                        gap: 3% 1%
-                        > li
-                            &:nth-of-type(1)
-                                grid-row-end: 2
-                            &:nth-of-type(2)
-                                grid-column-start: 2
-                                grid-row-start: 1
-                                grid-row-end: 2
-                            &:nth-of-type(3)
-                                grid-column-start: 1
-                                grid-row-start: 2
-                                margin: 0 0 8% 0
-                            &:nth-of-type(4)
-                                grid-column-start: 2
-                                grid-row-start: 2
-                                margin: 0 0 8% 0
-                            &:nth-of-type(5)
-                                grid-column-start: 3
-                                margin: 0 0 4% 0
+                        &.sticky-1
+                            > li .card--info 
+                                display: flex
+                                > a:first-of-type
+                                    width: 100%
+                        &.sticky-5
+                            grid-template-columns: 
+                                24.25% 24.25% 49.5%
+                            grid-template-rows: 
+                                repeat(2, 1fr)
+                            gap: 3% 1%
+                            > li
+                                &:nth-of-type(1)
+                                    grid-row-end: 2
+                                &:nth-of-type(2)
+                                    grid-column-start: 2
+                                    grid-row-start: 1
+                                    grid-row-end: 2
+                                &:nth-of-type(3)
+                                    grid-column-start: 1
+                                    grid-row-start: 2
+                                    margin: 0 0 8% 0
+                                &:nth-of-type(4)
+                                    grid-column-start: 2
+                                    grid-row-start: 2
+                                    margin: 0 0 8% 0
+                                &:nth-of-type(5)
+                                    grid-column-start: 3
+                                    margin: 0 0 4% 0
 </style>