Feature page complete page markup and added new icons

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

diff --git a/static/scss/style.scss b/static/scss/style.scss
index 5f061c2034f42d3743eda56f88c1ef3d7d3cf357..45e67dd24662f2de2495c6d3bd8378dfe5a335b4 100644 (file)
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -35,7 +35,7 @@
 //@import "bootstrap-4.0.0-alpha.6/scss/card";
 // @import "bootstrap-4.0.0-alpha.6/scss/breadcrumb";
 // @import "bootstrap-4.0.0-alpha.6/scss/pagination";
-// @import "bootstrap-4.0.0-alpha.6/scss/badge";
+@import "bootstrap-4.0.0-alpha.6/scss/badge";
 // @import "bootstrap-4.0.0-alpha.6/scss/jumbotron";
 // @import "bootstrap-4.0.0-alpha.6/scss/alert";
 @import "bootstrap-4.0.0-alpha.6/scss/progress";
@@ -77,6 +77,22 @@ body {
 // Colors
 .amber-800 {
        color: $amber-800;
+       border-color: $amber-800;
+}
+
+.green-600 {
+       color: $green-600;
+       border-color: $green-600;
+}
+
+.red-900 {
+       color: $red_900;
+       border-color: $red_900;
+}
+
+.blue-700{
+       color: $blue-700;
+       border-color: $blue-700;
 }
 
 // Images
@@ -190,6 +206,7 @@ section.content-section {
 }
 
 section#news,
+section#support,
 footer {
        background-color: rgba($blue-grey-900, .06);
 }
@@ -236,7 +253,7 @@ section#appliances {
 .features-content {
        padding-top: 88px;
        margin-bottom: 40px;
-       @include media-breakpoint-up(sm) {
+       @include media-breakpoint-up(lg) {
                padding-top: 161px;
        }
        .content {