just use flat color instead of switching completely

RMcNeely · May 14, 2015 · 7eed903 · 7eed903
1 parent c4677b6
commit 7eed903
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 23 deletions.
diff --git a/index.php b/index.php
@@ -70,7 +70,7 @@
                     <a class="inline-tweet" href="http://twitter.com/home/?status=&ldquo;Lightweight and fast… Completely community-based, and has a real flair for design and appearances.&rdquo; —@lifehacker http://elementary.io" target="_blank">&ldquo;Lightweight and fast… Completely community-based, and has a real flair for design and appearances.&rdquo;</a>
                 </div>
             </div>
-            <div id="carousel" class="slide-container slide-fixed-height">
+            <div id="carousel" class="slide-container slide-fixed-height light">
                 <div class="row">
                     <h1>Meet Our Apps</h1>
                     <div id="carousel-choices" class="column linked">

diff --git a/styles/home.css b/styles/home.css
@@ -4,7 +4,9 @@
 }
 
 #carousel {
-    background-color: #eee;
+    background-color: #0d6c7f;
+    color: #fff;
+    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
     min-height: 100vh;
     overflow: hidden;
 }
@@ -19,12 +21,6 @@
 
 #carousel-choices .button {
     padding: 8px 16px;
-    border-color: #555;
-}
-
-#carousel-choices .button.flat.active {
-    background-color: #555;
-    color: #fff;
 }
 
 #carousel-choices .label {
@@ -63,27 +59,13 @@
 
 @media (min-width: 1350px) {
     #carousel {
-        background-color: #0d6c7f;
         background-image: url("../images/screenshots/background.jpg");
         background-size: cover;
-        color: #fff;
-        text-shadow: 0 1px 1px rgba(0,0,0,0.3);
     }
 
     #carousel .slide > .column:nth-child(2) {
         margin-top: 33px;
     }
-
-    #carousel-choices .button.flat {
-        color: #fff;
-        border-color: #fff;
-    }
-
-    #carousel-choices .button.flat.active {
-        background-color: #fff;
-        color: #333;
-        box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.30);
-    }
 }
 
 #carousel .column.alert img {

diff --git a/styles/main.css b/styles/main.css
@@ -578,12 +578,13 @@ button.suggested-action,
 .light .button.flat {
     color: #fff;
     border-color: #fff;
+    box-shadow: none;
 }
 
 .light .button.flat.active {
     background-color: #fff;
     color: #333;
-    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.30);
+    box-shadow: none;
 }
 
 #download {