Clean scss

theme/static/src/scss/footer.scss

@@ -19,10 +19,14 @@ footer {
   .powered-by p {
     font-size: $font-size-base;
 
-    a:hover {
+    a {
+      color: inherit;
+
+      &:hover {
         color: $brand-orange;
       }
     }
+  }
 
   .social {
     margin: 0;

theme/static/src/scss/index.scss

@@ -23,36 +23,19 @@ $fa-font-path: "../fonts";
 
 @import "creative/creative";
 @import "pygment";
-
-/* @end Other Imports */
-
-
 @import "homepage";
 @import "footer";
+@import "library-overrides";
 
-
+/* @end Other Imports */
-.panel-green {
-  @include panel-variant(#139F5B, $white, #139F5B, #139F5B);
-}
-
-
-.panel-blue {
-  @include panel-variant(#337AB7, $white, #337AB7, #337AB7);
-}
-
-
-.btn-primary-dark {
-  @include button-variant($white, $brand-orange-dark, $brand-orange-dark);
-}
-
-
-.highlight > pre {
-  background-color: transparent;
-  font-size: $font-size-base;
-}
 
 
 hr.wide {
   width: 100%;
   max-width: initial;
 }
+
+p a {
+  text-decoration: underline;
+  color: inherit;
+}

theme/static/src/scss/library-overrides.scss

@@ -0,0 +1,37 @@
+/* @group Bootstrap Panels */
+
+.panel-green {
+  @include panel-variant(#139F5B, $white, #139F5B, #139F5B);
+}
+
+
+.panel-blue {
+  @include panel-variant(#337AB7, $white, #337AB7, #337AB7);
+}
+
+
+/* @end Bootstrap Panels */
+
+
+/* @group Pygments */
+
+.highlight > pre {
+  background-color: transparent;
+  font-size: $font-size-base;
+}
+
+/* @end Pygments */
+
+/* @group backgrounds */
+
+.btn-primary-dark {
+  @include button-variant($white, $brand-orange-dark, $brand-orange-dark);
+}
+
+.bg-primary p {
+  a:hover {
+    color: $brand-grey-dark;
+  }
+}
+
+/* @end backgrounds */