added background to support section

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

diff --git a/static/scss/style.scss b/static/scss/style.scss
index a97b14b8092b63141349bdc4b97a39e280a91e43..e3b3f40944887387be29636fd15263c7be35da20 100644 (file)
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -53,15 +53,24 @@
 // Utility classes
 @import "bootstrap-4.0.0-alpha.6/scss/utilities";
 
+
+body {
+       min-height: 100vh;
+       display: flex;
+       flex-direction: column;
+}
+
 .container {
        width: 100%;
        max-width: 1200px;
+       flex: 1;
 }
 
 // Custom stuff
 @import '_fonts';
 @import '_nav';
 @import '_buttons';
+@import '_icons';
 
 
 
@@ -79,42 +88,6 @@ img {
        }
 }
 
-// Icons
-.icon {
-       width: 1.5rem;
-       height: 1.5rem;
-       fill: currentColor;
-       vertical-align: -.15rem;
-       overflow: hidden;
-       margin-right: .5rem;
-}
-
-.i_arrow_down {
-       margin: 0;
-       position: absolute;
-       left: .75rem;
-       top: -.25rem;
-       animation: scroll 1.5s ease-in-out infinite;
-       @include media-breakpoint-down(xs) {
-               width: 1.75rem !important;
-               height: 1.75rem !important;
-               left: .25rem;
-               top: -.5rem;
-       }
-}
-
-.i_lg {
-       width: 2.5rem;
-       height: 2.5rem;
-       margin: 0;
-       transform: translateY(-.35rem);
-       fill: $red_900;
-}
-
-.i_sm {
-       vertical-align: top;
-       transform: translateY(-.10rem);
-}
 
 footer {
        .btn-toolbar .icon {
@@ -217,6 +190,7 @@ section.content-section {
 }
 
 section#news,
+section#support,
 footer {
        background-color: rgba($blue-grey-900, .06);
 }