Resolve "refactor: reorder SCSS"

Closes #15 (closed)

common/common.scss

-@import 'banner';
-@import 'buttons';
-@import 'categories_box';
-@import 'footer';
-@import 'variables';
+@import 'banner', 'buttons', 'categories_box', 'footer', 'header', 'variables';
 
 input[type="text"],
 input[type="password"],
@@ -54,66 +50,6 @@ body {
   background-color: $header_primary;
 }
 
-// HEADER //
-.d-header {
-  height: 5em;
-  box-shadow: none;
-}
-
-.navigation-topics {
-  .container.list-container {
-    @include border-radius;
-    box-shadow: 0 8px 60px 0 rgba(159, 161, 165, 0.1), 0 12px 90px 0 rgba(197, 197, 197, 0.1);
-    padding: 2em;
-    border-top: 8px solid $primary-medium;
-    margin-top: .8em;
-  }
-}
-
-.menu-panel .d-label {
-  color: $primary;
-}
-
-.alert.alert-info {
-  border-radius: 10px;
-}
-
-// MENU //
-
-.menu-panel .widget-link:hover, .menu-panel .widget-link:focus,
-.menu-panel .categories-link:hover, .menu-panel .categories-link:focus {
-  background-color: var(--primary-medium-low);
-}
-
-.user-menu .quick-access-panel li:hover {
-  background-color: var(--tertiary-low);
-}
-
-// Text //
-p {
-  color: var(--primary);
-}
-
-.site-texts .site-text .site-text-value {
-  color: var(--primary);
-}
-
-.th {
-  color: var(--primary);
-}
-
-.permalink-description {
-  color: var(--quarternary);
-}
-
-.admin-customize .themes-list-container .themes-list-item.inactive-indicator {
-  color: var(--primary-medium);
-}
-
-.content-list h3 {
-  color: var(--primary-medium);
-}
-
 // PAGE home //
 .custom-homepage-columns {
   margin: 2em 0 2em 0;
@@ -205,9 +141,11 @@ p {
 }
 
 .list-controls .combo-box .combo-box-header {
-  border: none;
+  border: 1px solid $primary-medium;
+  color: $primary;
+  box-shadow: 1px 1px 5px 1px rgba(67,66,66, .2);
   @include border-radius;
-  background-color: $header_background;
+  background-color: $header_primary;
 }
 
 .menu-panel .panel-body-bottom .btn {
@@ -278,7 +216,7 @@ p {
 
 .admin-controls, .email-template, .admin-container {
   .nav-pills>li a.active {
-    background: var(--tertiary);
+    background: var(--primary-medium);
     color: var(--secondary);
   }
   .btn-primary {
@@ -313,3 +251,14 @@ a:hover {
 .navigation-topics .container.list-container{
   background-color: $secondary;
 }
+
+.custom-footer .footer-section-link-wrapper a:hover, .custom-footer .third-box .small-link:hover {
+  text-decoration: underline;
+  text-underline-offset: 5px;
+}
+
+////Color showcase categories/////
+.custom-homepage-columns .col {
+  position: relative;
+  background-color: $secondary;
+}