Improved classes for header with background

css/style.css

@@ -7493,43 +7493,46 @@ h1 small, h2 small {
 }
 
 /* line 32, ../sass/_classes.scss */
-.background-wallpaper {
+.background-wallpaper, .download-desktop, .lubuntu, .community {
   color: #ffffff;
 }
 /* line 35, ../sass/_classes.scss */
-.background-wallpaper .note {
+.background-wallpaper .note, .download-desktop .note, .lubuntu .note, .community .note {
   color: rgba(255, 255, 255, 0.6) !important;
 }
 /* line 39, ../sass/_classes.scss */
-.background-wallpaper .box {
+.background-wallpaper .box, .download-desktop .box, .lubuntu .box, .community .box {
   -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
   -mox-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
   -ms-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
 }
 /* line 43, ../sass/_classes.scss */
-.background-wallpaper .link-button {
+.background-wallpaper .link-button, .download-desktop .link-button, .lubuntu .link-button, .community .link-button {
   color: #ffffff !important;
 }
-/* line 48, ../sass/_classes.scss */
-.background-wallpaper .download-desktop {
+
+/* line 49, ../sass/_classes.scss */
+.download-desktop {
   background: url("../img/backgrounds/download-desktop.jpg") 100% 70%;
 }
-/* line 51, ../sass/_classes.scss */
-.background-wallpaper .lubuntu {
+
+/* line 53, ../sass/_classes.scss */
+.lubuntu {
   background: url("../img/backgrounds/lubuntu.png");
 }
-/* line 54, ../sass/_classes.scss */
-.background-wallpaper .community {
+
+/* line 57, ../sass/_classes.scss */
+.community {
   background: url("../img/backgrounds/community.jpg");
 }
 
-/* line 59, ../sass/_classes.scss */
+/* line 62, ../sass/_classes.scss */
 .full-width {
   width: 100% !important;
 }
 
-/* line 63, ../sass/_classes.scss */
+/* line 66, ../sass/_classes.scss */
 .link-button {
   background: transparent !important;
   padding: 0 !important;

sass/_classes.scss

@@ -43,17 +43,20 @@ h1 small, h2 small {
     .link-button {
         color: #ffffff !important;
     }
+}
 
-    // Background images
-    .download-desktop {
-        background: url('../img/backgrounds/download-desktop.jpg') 100% 70%;
-    }
-    .lubuntu {
-        background: url('../img/backgrounds/lubuntu.png');
-    }
-    .community {
-        background: url('../img/backgrounds/community.jpg');
-    }
+// Background images
+.download-desktop {
+    @extend .background-wallpaper;
+    background: url('../img/backgrounds/download-desktop.jpg') 100% 70%;
+}
+.lubuntu {
+    @extend .background-wallpaper;
+    background: url('../img/backgrounds/lubuntu.png');
+}
+.community {
+    @extend .background-wallpaper;
+    background: url('../img/backgrounds/community.jpg');
 }
 
 .full-width {