Various fixes

website/src/css/imports/base.css

@@ -57,7 +57,7 @@ p, ul {
 }
 
 a {
-  color: $grey;
+  color: $darkGreen;
   text-decoration: none;
   font-weight: $bold;
 }

website/src/css/imports/features.css

@@ -1,81 +0,0 @@
-.features {
-  @neat-row;
-  overflow: hidden;
-  padding-top: $large;
-  position: relative;
-  margin: 0 auto $medium auto;
-
-  @media screen and (min-width: $mobile) {
-    margin: 0 auto $large auto;
-    padding-top: calc($xl * 1.2);
-  }
-
-  @media screen and (min-width: $tablet) {
-    margin-bottom: $medium;
-  }
-
-  &:before {
-    background: url('/img/wavy-divider.svg') no-repeat top center;
-    background-size: contain;
-    top: 0;
-    content: '';
-    height: $xl;
-    left: -$xl;
-    position: absolute;
-    right: -$xl;
-    width: calc(100% + ($xl * 2));
-  }
-
-  h1 {
-    text-align: center;
-    margin-bottom: calc($large * .9);
-    padding: 0 $small;
-
-    @media screen and (min-width: $tablet) {
-      padding: 0;
-    }
-
-    + .features-column .feature {
-      @media screen and (min-width: $desktop) {
-        text-align: right;
-      }
-    }
-  }
-
-  .features-column {
-    @media screen and (min-width: $mobile) {
-      @neat-span-columns 6;
-    }
-
-    @media screen and (min-width: $desktop) {
-      @neat-span-columns 4;
-    }
-  }
-
-  .feature {
-    margin-bottom: $small;
-    padding: 0 $small;
-    text-align: left;
-
-    @media screen and (min-width: $desktop) {
-      margin-bottom: calc($large * 1.37);
-      padding: 0;
-    }
-
-    p {
-      font-size: 14px;
-      line-height: 26px;
-    }
-  }
-
-  .features-graphic {
-    display: none;
-    padding-top: $tiny;
-
-
-    @media screen and (min-width: $desktop) {
-      display: inline-block;
-      @neat-span-columns 4;
-    }
-  }
-}

website/src/css/imports/header.css

@@ -258,7 +258,7 @@ header {
 
     @media screen and (min-width: $mobile) {
       float: left;
-      margin: -$micro 0 -6px 0;
+      margin: -4px 0 -6px 0;
       width: initial;
     }
   }

website/src/css/imports/hero.css

@@ -47,7 +47,7 @@
 
     @media screen and (min-width: $mobile) {
       display: block;
-      margin: $micro 0 $small 0;
+      margin: calc($micro * 0.5) 0 $small 0;
     }
   }
 

website/src/css/imports/inspiration.css

@@ -1,41 +0,0 @@
-.inspiration {
-  margin: $small $small $large $small;
-  text-align: center;
-
-  @media screen and (min-width: $tablet) {
-    margin: $xl $small;
-  }
-
-  h1 {
-    margin-bottom: $small;
-
-    @media screen and (min-width: $tablet) {
-      margin-bottom: 44px;
-    }
-  }
-
-  p {
-    box-sizing: border-box;
-    display: inline-block;
-    padding: 0;
-    margin: 0 auto $small auto;
-    max-width: 700px;
-    text-align: left;
-    width: 100%;
-
-    &:nth-child(2) {
-      font-size: $tiny;
-      line-height: $small;
-      font-weight: $bold;
-
-      @media screen and (min-width: $tablet) {
-        font-size: $small;
-        line-height: $medium;
-      }
-    }
-  }
-
-  a {
-    color: $darkGreen;
-  }
-}

website/src/css/main.css

@@ -6,7 +6,5 @@
 @import "imports/editors.css";
 @import "imports/community.css";
 @import "imports/collab.css";
-@import "imports/features.css";
-@import "imports/inspiration.css";
 @import "imports/docs.css";
 @import "imports/footer.css";