Website cleanup (#1536)

Website cleanup

website/themes/uppy/source/css/_common.scss

@@ -42,15 +42,10 @@ code, pre {
 }
 
 code {
-  // color: $color-orange;
   padding: 3px 5px;
-  // margin: 0 2px;
   border-radius: $size-radius;
-  // white-space: nowrap;
 }
 
-// em { color: $color-light; }
-
 hr {
   border: 0;
   background: none;
@@ -65,7 +60,6 @@ hr {
   color: #fff;
   font-size: 18px;
   background-color: $color-primary;
-  // border-bottom: 2px solid darken($color-primary, 12%);
   padding: 12px 20px;
   border-radius: 8px;
   transition: all .15s ease;
@@ -265,12 +259,10 @@ hr {
   top: 0;
   left: 0;
   width: 100%;
-  // height: 40px;
   z-index: 9;
   z-index: 2;
   padding-top: 15px;
   padding-bottom: 15px;
-  // box-shadow: 0 0 4px rgba(0,0,0,.25);
   background-color: $color-white;
   text-align: center;
 
@@ -279,10 +271,7 @@ hr {
     display: flex;
     align-items: baseline;
     padding: 14px 60px 19px;
-    // box-shadow: none;
-    // position: relative;
     z-index: 2;
-    // border-top: 3px solid $color-primary;
     border-bottom: 1px solid rgba($color-lightgray, 0.2);
     text-align: left;
 
@@ -328,6 +317,10 @@ hr {
   flex: 1;
   color: $color-gray;
   display: none;
+  transition: all ease-in-out 0.3s;
+  opacity: 0;
+
+  &.is-visible { opacity: 1; }
 
   @media #{$screen-medium} {
     margin: 0;
@@ -340,6 +333,10 @@ hr {
   }
 }
 
+.MainHeader-taglineList {
+  display: none;
+}
+
 /**
 * MainMenu
 */
@@ -416,8 +413,6 @@ hr {
   padding: 0;
   list-style-type: none;
   text-align: center;
-  // position: relative;
-  // z-index: 100;
 
   &-item {
     display: inline-block;

website/themes/uppy/source/css/_index.scss

@@ -136,85 +136,6 @@
   }
 }
 
-
-.MainHeader-tagline {
-  transition: all ease-in-out 0.3s;
-  opacity: 0;
-
-  &.is-visible { opacity: 1; }
-}
-
-.MainHeader-taglineList {
-  display: none;
-}
-
-.IndexAbout {
-  max-width: 760px;
-  margin: 3em auto;
-  padding: 0 20px;
-  font-size: 17px;
-  line-height: 1.3;
-  text-align: center;
-
-  @media #{$screen-medium} {
-    text-align: left;
-    font-size: 19px;
-    line-height: 1.5;
-  }
-
-  a {
-    font-weight: bold;
-    color: rgba($color-black, 0.8);
-
-    &:hover {
-      color: $color-black;
-    }
-  }
-}
-
-.IndexAbout-item {
-  position: relative;
-  margin-bottom: 80px;
-}
-
-.IndexAbout-item:first-child {
-  @media #{$screen-medium} {
-    // padding-left: 130px;
-
-    .IndexAbout-icon {
-      top: 20px;
-      left: 0;
-    }
-  }
-}
-
-.IndexAbout-item:nth-child(2) {
-  @media #{$screen-medium} {
-    padding-right: 150px;
-
-    .IndexAbout-icon {
-      top: 20px;
-      right: 0;
-    }
-  }
-}
-
-.IndexAbout-icon {
-  max-width: 90px;
-
-  @media #{$screen-medium} {
-    position: absolute;
-  }
-}
-
-.IndexAbout-item h2 {
-  margin-bottom: 0.1em;
-}
-
-.IndexAbout-item p {
-  margin-top: 0;
-}
-
 .GetStartedBtn {
   font-size: 1.2em;
   text-decoration: none;
@@ -232,108 +153,6 @@
   &:hover { @include zoom; }
 }
 
-.TryMe-line {
-  font-size: 12px;
-  font-weight: bold;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  text-align: center;
-  margin: 0;
-  padding: 0;
-}
-
-.TryMe-btn {
-  @include reset-button();
-  font-size: 12px;
-  display: inline-block;
-  padding: 4px 8px;
-  border-radius: 23px;
-  transition: all .3s ease;
-  background-color: $color-primary;
-  color: $color-white;
-  cursor: pointer;
-  margin-left: 5px;
-
-  &:hover { background-color: darken($color-primary, 5%); }
-}
-
-.IndexExample {
-  text-align: center;
-  max-width: 1200px;
-  margin: 0 1em 3em;
-
-  @media #{$screen-medium} {
-    margin: 0 auto 3em;
-  }
-
-  code, pre {
-    padding: 0;
-    margin: 0;
-    background-color: transparent;
-    white-space: pre;
-    font-family: 'Roboto Mono', Monaco, courier, monospace;
-    font-size: 12px;
-    height: auto;
-    line-height: 18px;
-  }
-
-  figure.highlight {
-    margin: 0;
-    box-shadow: none;
-    background-color: transparent;
-  }
-
-  .sign {
-    display: inline-block;
-    vertical-align: middle;
-    height: 10em;
-    line-height: 9em;
-    padding: 0 .5em;
-    font-weight: 600;
-    color: $color-light;
-  }
-}
-
-.IndexSection-title {
-  font-size: 25px;
-  margin-bottom: 0.7em;
-}
-
-.IndexExample-block {
-  // padding: 7px;
-  text-align: left;
-  // background-color: $color-codebg;
-  // border-radius: $size-radius;
-  overflow: hidden;
-  max-width: 500px;
-  margin: auto;
-  margin-bottom: 30px;
-  font-size: 1em;
-
-  @media #{$screen-medium} {
-    max-width: 100%;
-    width: 47%;
-    display: inline-block;
-    vertical-align: top;
-    // height: 250px;
-  }
-}
-
-  .IndexExample-block:nth-child(2) {
-    @media #{$screen-medium} {
-      padding-left: 30px;
-    }
-  }
-
-.IndexExample-video {
-  max-width: 100%;
-  margin-bottom: 5px;
-}
-
-.IndexExample-block img {
-  margin: auto;
-}
-
 .IndexReviews {
   max-width: 920px;
   margin: 60px auto;