CSS: Merge the two footer sections together

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

diff --git a/src/scss/style.scss b/src/scss/style.scss
index 89aa7e0a56786bcaaa7201a665d024bfeb3da36a..637712fee5c171565be0936b46e275c94f831687 100644 (file)
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -109,6 +109,50 @@ footer {
        width: 100%;
        height: $footer-height;
 
+       padding: 3rem 0 0 0;
+
+       @include media-breakpoint-down(md) {
+               padding-top: 31px;
+       }
+
+       h4 {
+               margin-bottom: 1.25rem;
+               color: rgba($gray-400, .6);
+               font-size: 20px;
+               line-height: 28px;
+       }
+
+       ul {
+               li {
+                       font-size: 14px;
+                       margin-bottom: .75rem;
+
+                       a {
+                               color: rgba($gray-400, .6);
+                               text-decoration: none;
+                               &:hover {
+                                       color: $gray-400;
+                                       text-decoration: underline;
+                               }
+                       }
+               }
+       }
+
+       .btn-lg {
+               margin-bottom: 2.75rem;
+       }
+
+       .copyright {
+               background-color: rgba($gray-400, .06);
+               padding: $spacer 0;
+
+               font-size: $small-font-size;
+
+               a {
+                       color: $text-muted;
+               }
+       }
+
        .btn-toolbar .icon {
                height: 2.25rem;
                width: 2.25rem;
@@ -275,47 +319,6 @@ footer {
        }
 }
 
-footer {
-       padding: 3rem 0 0 0;
-       @include media-breakpoint-down(md) {
-               padding-top: 31px;
-       }
-       h4 {
-               margin-bottom: 1.25rem;
-               color: rgba($gray-400, .6);
-               font-size: 20px;
-               line-height: 28px;
-       }
-       ul {
-               li {
-                       font-size: 14px;
-                       margin-bottom: .75rem;
-                       a {
-                               color: rgba($gray-400, .6);
-                               text-decoration: none;
-                               &:hover {
-                                       color: $gray-400;
-                                       text-decoration: underline;
-                               }
-                       }
-               }
-       }
-       .btn-lg {
-               margin-bottom: 2.75rem;
-       }
-
-       .copyright {
-               background-color: rgba($gray-400, .06);
-               padding: $spacer 0;
-
-               font-size: $small-font-size;
-
-               a {
-                       color: $text-muted;
-               }
-       }
-}
-
 // Animation
 @keyframes scroll {
   0%, 100%   { transform: translateY(30%); }