Linting

src/scss/modules/_flexblock-reasons.scss

@@ -4,11 +4,11 @@
     text-align: left;
     width: 100%;
 
-    li:hover {
+    &:hover {
       transform: translateY(-.2rem);
     }
 
-    li:after {
+    &:after {
       bottom: -2.4rem;
       content: '';
       display: block;
@@ -16,7 +16,7 @@
       position: relative;
     }
 
-    li:before {
+    &:before {
       content: counter(list)'.';
       font-size: 6.4rem;
       line-height: 1;
@@ -24,13 +24,14 @@
   }
 
   @media (min-width: 768px) {
-    li { padding-left: 8.8rem;
+    padding-left: 8.8rem;
     /* You need two digits? (1-10)*/
     /*padding-left: 12rem; */
-}
+
-    li:before {
+    &:before {
       left: 2.4rem;
       position: absolute;
     }
   }
 }
+

src/scss/modules/_longform.scss

@@ -36,12 +36,14 @@
     font-size: 1.6rem;
     line-height: 2.4rem;
   }
+
   /* Mobile: video full width */
   .text-pull.embed {
     margin-left: -2.4rem;
     margin-right: -2.4rem;
     padding-bottom: 60.6%;
   }
+
   @media (min-width: 1280px) {
     [class*='text-pull-'] {
       max-width: 32%;

src/scss/modules/_promos.scss

@@ -61,6 +61,7 @@
     }
   }
 }
+
 /* --- Header CTA --- */
 .cta-cover {
   display: table;

src/scss/modules/_quotes.scss

@@ -15,6 +15,7 @@ blockquote {
     }
   }
 }
+
 /* -- Interviews dl.text-interview -- */
 dd blockquote p:last-child {
   margin-bottom: 0;
@@ -33,9 +34,9 @@ cite {
 cite span {
   display: block;
 }
+
 /* -- A big Blockquote -- */
 /* .wall will be deprecated soon. Use .text-quote ;) */
-
 .text-quote,
 .wall {
   /* Versatility: blockquote, p, h2... */

src/scss/modules/_slides.scss

@@ -17,7 +17,6 @@ section .dark {
 }
 
 /*=== Section = Slide === */
-
 section,
 .slide {
   display: flex;
@@ -36,17 +35,20 @@ section,
     padding-top: 12rem;
   }
 }
+
 /*slide with no padding (full card, .embed youtube video...) */
 .fullscreen {
-  padding: 0
+  padding: 0;
   /* Fixed/Visible header?
   padding:8.2rem 0 0 0;
   */
 }
+
 /* slide alignment - top */
 .slide-top {
   justify-content: flex-start;
 }
+
 /* slide alignment - bottom */
 .slide-bottom {
   justify-content: flex-end;
@@ -54,7 +56,6 @@ section,
 
 /*== 5.1. Mini container width:50%
 Aligned items [class*="content-"]=== */
-
 [class*='content-'] {
   position: relative;
   text-align: left;

src/scss/modules/_work.scss

@@ -1,7 +1,6 @@
 /*=========================================
 8. Work/Resumé/CV <ul class="work">
 =========================================== */
-
 .work {
   clear: both;
   display: flex;
@@ -24,7 +23,7 @@
 
   p {
     margin-bottom: 0;
-    transition: .3s
+    transition: .3s;
   }
 
   li a {