Styled the other sections.

[ipfire.org.git] / static / scss / style.scss

diff --git a/static/scss/style.scss b/static/scss/style.scss
index e802075624755c96ea37884c4f9593e6f7c3c40f..f8d96f967dd92052a56b41fe43614feaa78c0f2c 100644 (file)
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -57,6 +57,24 @@
        text-transform: uppercase;
 }
 
+.btn-lg {
+       margin: 0 24px;
+}
+
+.fixed-top {
+       transition: background-color 700ms linear;
+}
+
+.scrolled {
+       background-color: rgba(255, 255, 255, .96);
+}
+
+.navbar {
+       a {
+               color: $blue-grey-900;
+       }
+}
+
 .navbar-brand {
        font-size: 2rem;
        font-weight: 300;
@@ -100,9 +118,6 @@ section.intro {
                        top: 8px;
                }
        }
-       .btn-lg {
-               margin: 0 24px;
-       }
        .page-scroll {
                position: absolute;
                bottom: 48px;
@@ -125,4 +140,23 @@ section.intro {
                        }
                }
        }
+}
+
+section.content-section {
+       padding: 96px 0;
+}
+
+section#features,
+section#appliances {
+       background-color: $blue-grey-50;
+}
+
+section#news {
+       background-color: rgba($blue-grey-900, .2);
+}
+
+section#wishlist {
+       background-image: url('../img/wishlist-background.jpg');
+       background-size: cover;
+       background-position: center center;
 }
\ No newline at end of file