_scss: remove unused styles, and combine some

Signed-off-by: Sebastiaan van Stijn <[email protected]>

Author: thaJeztah

_scss/_buttons.scss

@@ -38,7 +38,7 @@ a.button.outline-btn.min-hgt {
     border: 1px solid rgba(0, 0, 0, 0.1);
     text-shadow: 0 1px rgba(0, 0, 0, 0.2);
 }
-
+/*
 .secondary-btn {
     background-color: rgba(255, 255, 255, 0.2);
     box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
@@ -52,20 +52,20 @@ a.button.outline-btn.min-hgt {
     border: 1px solid rgba(0, 0, 0, 0.1);
     text-shadow: 0 1px rgba(0, 0, 0, 0.2);
 }
+*/
 
 .outline-btn {
     background: #fff;
     border: 1px solid #0087C8;
     text-decoration: none;
     margin: 0;
+    &:hover {
+      color: #1488C6;
+    }
 }
 
-.outline-btn:hover,
+//.secondary-btn:hover,
 .primary-btn:hover,
-.secondary-btn:hover {
-    opacity: 0.8;
-}
-
 .outline-btn:hover {
-    color: #1488C6;
+    opacity: 0.8;
 }

_scss/_content.scss

@@ -63,53 +63,18 @@ code {
     float: left;
     height: 250px;
     width: 100%;
-}
-
-.component-full {
-    padding: 5px 0 10px 20px;
-    float: left;
-    min-height: 100px;
-    margin: 0 0 15px 0;
-    width: 100%;
-}
-
-.component,
-.component-full {
     background: $bg-component;
-}
-
-.component-full-icon {
-    float: left;
-    padding: 5px 15px 0 7px;
-}
-
-.component-full p {
-    margin: 0;
-}
-
-.component-full h3 {
-    margin-top: 10px;
-}
-
-.component img,
-.component-full-icon img {
-    width: 70px;
-    height: 70px;
-}
-
-.component-icon {
-    margin: 0 auto;
-    width: 70px;
-}
-
-.component-full-copy {
-    float: left;
-    width: 80%;
-}
-
-.component h3,
-.component p {
-    margin: 0;
+    img {
+      width: 70px;
+      height: 70px;
+    }
+    .component-icon {
+      margin: 0 auto;
+      width: 70px;
+    }
+    h3, p {
+      margin: 0;
+    }
 }
 
 a.anchorLink {

_scss/_global-header.scss

@@ -40,9 +40,7 @@
     height: unset;
 }
 
-.columns,
-.col-body {
-    display: flex;
+.columns {
     flex-direction: column;
 }
 
@@ -51,6 +49,7 @@
 }
 
 .col-body {
+    display: flex;
     flex-direction: row;
     flex: 1;
     min-height: 555px;
@@ -77,16 +76,12 @@
 }
 
 .content {
-    padding: 80px 70px 20px 70px;
+    padding: 80px 20px 40px 40px;
     max-width: 1024px;
     min-width: 300px;
     min-height: 500px;
 }
 
-.main-content {
-    padding: 0 35px 25px 30px;
-}
-
 section.section {
     margin: 0 auto;
 }

_scss/_layout.scss

@@ -6,13 +6,10 @@
     and (min-width : 376px)
     and (max-width : 1150px) {
     .nav-primary,
-    .hero-text,
-    .banner,
     ul.primary.nav.navbar-nav {
         display: none;
     }
-    .header,
-    .nav-secondary-tabs {
+    .header {
         height: 55px;
     }
     .tabs li a {
@@ -38,7 +35,7 @@
     h4 {
         font-size: 16px;
     }
-    .nav-secondary-tabs .search-form input[type=search] {
+    .nav-secondary .search-form input[type=search] {
         min-width: auto;
     }
     .nav-container,
@@ -61,9 +58,6 @@
         z-index: 100;
         background-color: $bg-sidebar;
     }
-    .main-content {
-        padding: 22px 35px 25px 30px;
-    }
   }
 
 
@@ -76,8 +70,6 @@
   and (min-device-width: 320px)
   and (max-device-width: 670px)  {
     .logo,
-    .hero-text,
-    .banner,
     .ctrl-right {
         display: none;///// CHECK THIS /////
     }
@@ -129,11 +121,7 @@
     .content {
         padding: 65px 25px;
     }
-    .main-content {
-        padding: 10px 25px;
-    }
-    .sidebar,
-    .sidebar-home {
+    .sidebar {
         background-color: $bg-sidebar;
         top: 51px;
         left: 0;
@@ -144,23 +132,9 @@
         position: fixed;
         width: 100%;
     }
-    .sidebar-home,
-    .sidebar-home .affix {
-        background: #192837;
-        width: 100%;
-    }
     .search-form {
         display: block!important;
     }
-    .component-full {
-        text-align: center;
-    }
-    .component-full-copy {
-        width: 100%;
-    }
-    .component-full-icon {
-        float: none;
-    }
     .top_footer {
         padding: 50px 0 35px;
         text-align: center;
@@ -171,12 +145,6 @@
   and (min-device-width: 320px)
   and (max-device-width: 372px)
   and (orientation: portrait) {
-    .nav-secondary-tabs {
-      > .container-fluid {
-        padding-left: 5px;
-        padding-right: 5px;
-      }
-    }
     .tabs {
       display: -webkit-box;
       display: -moz-box;
@@ -218,18 +186,13 @@
     h4 {
         font-size: 16px;
     }
-    .header,
-    .nav-secondary-tabs {
+    .header {
         height: 100px;
     }
     .content {
         padding: 120px 20px;
     }
-    .main-content {
-        padding: 0 10px;
-    }
-    .sidebar,
-    .sidebar-home {
+    .sidebar {
         background-color: $bg-sidebar;
         top: 51px;
         left: 0;
@@ -240,15 +203,6 @@
         position: fixed;
         width: 100%;
     }
-    .component-full {
-        text-align: center;
-    }
-    .component-full-copy {
-        width: 100%;
-    }
-    .component-full-icon {
-        float: none;
-    }
 }
 
 
@@ -321,10 +275,3 @@
         display: block;
     }
 }
-
-@media (max-width: 1024px) {
-    .nav-secondary-tabs.affix-top {
-        position: fixed;
-        top: 0;
-    }
-}