Convert old button override styles to new classes

(and some cleanup)

core/client/assets/sass/components/uploader.scss

@@ -63,14 +63,14 @@
       @include icon($i-image, 12px);
     }
 
-    .button-add {
+    .btn-green {
         display: inline-block;
         position:relative;
         z-index: 700;
         color: #fff;
         padding-left:5px;
     }
-    .button-save {
+    .btn-blue {
       margin: 0 0 0 10px;
     }
 

core/client/assets/sass/layouts/about.scss

@@ -17,7 +17,7 @@
         color: $midgrey;
     }
 
-} // .settings-about
+}
 
 
 //
@@ -28,45 +28,53 @@
     h1 {
         margin-top: -6px;
         margin-bottom: -21px;
+
         .version {
             font-weight: 300;
             font-size: 1.3rem;
             position: relative;
             top: -3px;
         }
-    } // h1
+    }
 
     @media (max-width: 550px) {
         padding-top: 40px;
     }
 
-} // .about-ghost-intro
+}
 
 .about-environment-help {
     margin-top: 35px;
 }
+
 .about-environment {
     p {
         margin: 0;
         line-height: 1.7;
     }
 }
+
 .about-help {
     padding-top: 6px;
+
     @media (max-width: 500px) {
         padding-top: 16px;
     }
-    .button-dark {
+
+    .btn-alt {
         width: 100%;
         display: block;
         font-size: 0.85rem;
         padding-top: 8px;
         padding-bottom: 8px;
         min-height: 32px;
+
         &:nth-child(1) {
             margin-bottom: 11px;
         }
-    } // .button-dark
+
+    }
+    
 } // .about-help
 
 @media (min-width: 501px) {
@@ -81,7 +89,7 @@
         float: right;
         width: 176px;
     }
-} // @media (min-width: 501px)
+}
 
 
 //
@@ -91,12 +99,15 @@
 .top-contributors {
     padding-left: 0;
     max-width: 650px;
+
     li {
         float: left;
         list-style: none;
         width: 10%;
+
         a {
             display: block;
+
             @media (min-width: 601px) {
                 margin-right: 9px;
                 margin-bottom: 9px;
@@ -105,13 +116,17 @@
                 margin-right: 6px;
                 margin-bottom: 6px;
             }
+
             img {
                 width: 100%;
                 display: block;
                 border-radius: 100%;
             }
-        } // a
+
+        }
+
     } // li
+
 } // .top-contributors
 
 
@@ -121,6 +136,7 @@
 
 .about-credits {
     margin-top: 48px;
+
     h1 {
         font-size: 1.85rem;
         margin-bottom: 2rem;
@@ -133,13 +149,14 @@
     max-width: 620px;
 }
 
-.button-save.large.about-get-involved {
+.about-get-involved {
     margin-top: -0.1rem;
     font-size: 0.9rem;
 }
 
 .about-copyright {
     margin-top: 4.9rem;
+
     a {
         &:link,
         &:visited {
@@ -152,4 +169,5 @@
             color: $blue;
         }
     }
+
 } // .about-copyright

core/client/assets/sass/layouts/content.scss

@@ -44,18 +44,17 @@
         .menu-drop {
             display: block;
         }
-    } // .content-filter
+    }
 
-    .button-add {
+    .btn-green {
         @include icon($i-add);
         position: absolute;
         top: 10px;
         right: 15px;
         z-index: 700;
-        color: #fff;
         padding: 3px 4px 3px 5px;
-        min-height: 0;
-    } // .button-add
+        color: #fff !important; // getting overridden by floatingheader
+    }
 
 
     .content-list-content {
@@ -66,7 +65,7 @@
         left: 0;
         overflow: auto;
         padding-top: 40px;
-    } // .content-list-content
+    }
 
     .entry-title {
         font-size: 1.4em;

core/client/assets/sass/layouts/settings.scss

@@ -304,7 +304,7 @@
             top: 5px;
             right: 4px;
 
-            .button-save {
+            .btn-blue {
                 min-height: 0;
                 height: 30px;
                 padding: 0.5em 1.37em;
@@ -317,7 +317,7 @@
             }
         }
 
-        .button-add {
+        .btn-green {
             position: relative;
             padding-left: 50px;
             border: rgba(0,0,0,0.07) 1px solid;

core/client/assets/sass/layouts/setup.scss

@@ -121,7 +121,7 @@
         margin: 30px 0 5px 0;
     }
 
-    .button-add {
+    .btn-green {
         width: 100%;
         padding: 0.9em 1.8em;
         font-size: 13px;