fix: removing all inherited CSS lint

The original release had CSS inherited from Casper, and all the CSS was intended to be a direct copy and paste for individuals hoping to compare. Unfortunately, this created 400+ linting errors which are now all resolved.

src/components/About/About.css

@@ -0,0 +1 @@
+/** empty css file for component consistency **/

src/components/Author/Author.css

@@ -0,0 +1 @@
+/** empty css file for component consistency **/

src/components/AuthorBio/AuthorBio.css

@@ -2,7 +2,7 @@
     font-size: 1.8rem;
     line-height: 1.5em;
     font-weight: 200;
-    color: #50585D;
+    color: #50585d;
     letter-spacing: 0;
     text-indent: 0;
 }
@@ -12,9 +12,7 @@
    ========================================================================== */
 
 @media only screen and (max-width: 900px) {
-
     .author-profile .author-bio {
         font-size: 1.6rem;
     }
-
 }

src/components/AuthorImage/AuthorImage.css

@@ -1,4 +1,3 @@
-
 .author-image {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
@@ -15,7 +14,7 @@
     padding: 6px;
     background: #fff;
     z-index: 2;
-    box-shadow: #E7EEF2 0 0 0 1px;
+    box-shadow: #e7eef2 0 0 0 1px;
 }
 
 .author-image .img {
@@ -39,19 +38,16 @@
     box-shadow: none;
 }
 
-
 /* ==========================================================================
        Media Queries - Smaller than 500px
    ========================================================================== */
 
 @media only screen and (max-width: 500px) {
-
     .post-footer .author-image {
         top: -60px;
     }
 
     .author-profile .author-image {
         margin-top: -70px;
     }
-
-}
+}

src/components/AuthorInfo/AuthorInfo.css

@@ -8,11 +8,9 @@
    ========================================================================== */
 
 @media only screen and (max-width: 500px) {
-
     .post-footer .author {
-        margin: 0 0 2rem 0;
-        padding: 0 0 1.6rem 0;
-        border-bottom: #EBF2F6 1px dashed;
+        margin: 0 0 2rem;
+        padding: 0 0 1.6rem;
+        border-bottom: #ebf2f6 1px dashed;
     }
-
-}
+}

src/components/AuthorLink/AuthorLink.css

@@ -0,0 +1 @@
+/** empty css file for component consistency **/

src/components/AuthorName/AuthorName.css

@@ -1,3 +1,3 @@
 .author-title {
     margin: 1.5rem 0 1rem;
-}
+}

src/components/AuthorThumbnail/AuthorThumbnail.css

@@ -4,4 +4,4 @@
     float: left;
     margin-right: 9px;
     border-radius: 100%;
-}
+}

src/components/BlogLogo/BlogLogo.css

@@ -12,7 +12,7 @@
     box-sizing: border-box;
     display: block;
     height: 38px;
-    padding: 1px 0 5px 0;
+    padding: 1px 0 5px;
     width: auto;
 }
 
@@ -21,25 +21,21 @@
    ========================================================================== */
 
 @media only screen and (max-width: 900px) {
-
     .blog-logo img {
         padding: 4px 0;
     }
-
 }
 
 /* ==========================================================================
        Media Queries - Smaller than 500px
    ========================================================================== */
 
 @media only screen and (max-width: 500px) {
-
     .blog-logo {
         padding: 5px;
     }
 
     .blog-logo img {
         height: 30px;
     }
-
-}
+}

src/components/Footer/Footer.css

@@ -1,26 +1,25 @@
-
 /* ==========================================================================
        Footer - The bottom of every page
    ========================================================================== */
 
 .site-footer {
     position: relative;
-    margin: 8rem 0 0 0;
+    margin: 8rem 0 0;
     padding: 1rem 15px;
     font-family: "Open Sans", sans-serif;
     font-size: 1rem;
     line-height: 1.75em;
-    color: #BBC7CC;
+    color: #bbc7cc;
 }
 
 .site-footer a {
-    color: #BBC7CC;
+    color: #bbc7cc;
     text-decoration: none;
     font-weight: bold;
 }
 
 .site-footer a:hover {
-    color: #BBC7CC;
+    color: #bbc7cc;
     border-bottom: #bbc7cc 1px solid;
 }
 
@@ -42,7 +41,6 @@
    ========================================================================== */
 
 @media only screen and (max-width: 500px) {
-
     .site-footer {
         margin-top: 3rem;
     }
@@ -51,5 +49,4 @@
     .page-template .site-footer {
         margin-top: 0;
     }
-
-}
+}

src/components/GhostSubscribe/GhostSubscribe.css

@@ -9,7 +9,7 @@
 
 .gh-subscribe-title {
     margin-bottom: 0;
-    font-size: 2.4rem
+    font-size: 2.4rem;
 }
 
 .gh-subscribe p {
@@ -20,7 +20,7 @@
 .gh-subscribe form {
     display: flex;
     justify-content: center;
-    margin: 20px 0 0 0;
+    margin: 20px 0 0;
 }
 
 .gh-subscribe .form-group {
@@ -57,33 +57,29 @@
    ========================================================================== */
 
 @media only screen and (max-width: 900px) {
-
     .gh-subscribe {
         padding: 2rem;
     }
 
     .gh-subscribe-title {
-        font-size: 2rem
+        font-size: 2rem;
     }
 
     .gh-subscribe p {
         font-size: 1.4rem;
     }
-
 }
 
 /* ==========================================================================
        Media Queries - Smaller than 500px
    ========================================================================== */
 
 @media only screen and (max-width: 500px) {
-
     .gh-subscribe {
         padding: 15px;
     }
 
     .gh-subscribe form {
         margin-top: 10px;
     }
-
-}
+}

src/components/MenuButton/MenuButton.css

@@ -18,7 +18,7 @@
     transition: all 0.5s ease;
 }
 
-.menu-button:before {
+.menu-button::before {
     font-size: 12px;
     font-weight: bold;
     margin-right: 6px;
@@ -46,8 +46,8 @@
 
 /* When the navigation is closed and there is no cover image */
 .nav-closed .no-cover .menu-button {
-    border-color: #BFC8CD;
-    color: #9EABB3;
+    border-color: #bfc8cd;
+    color: #9eabb3;
 }
 
 .nav-closed .no-cover .menu-button:hover {
@@ -61,9 +61,9 @@
     background: #111;
     border-color: #111;
     color: #fff;
-    -webkit-transform: translate3D(94px, 0, 0);
-    -ms-transform: translate3D(94px, 0, 0);
-    transform: translate3D(94px, 0, 0);
+    -webkit-transform: translate3d(94px, 0, 0);
+    -ms-transform: translate3d(94px, 0, 0);
+    transform: translate3d(94px, 0, 0);
     transition: all 0.3s ease;
 }
 
@@ -72,7 +72,7 @@
     transition: all 0.3s ease;
 }
 
-.icon-menu:before {
+.icon-menu::before {
     content: "\f609";
 }
 
@@ -81,7 +81,6 @@
    ========================================================================== */
 
 @media only screen and (max-width: 500px) {
-
     .menu-button {
         padding: 0 5px;
         border-radius: 0;
@@ -108,5 +107,4 @@
     .main-nav.overlay .menu-button {
         border-color: transparent;
     }
-
-}
+}