Selaa lähdekoodia

Make footer sticky

Daniel Rudolf 9 vuotta sitten
vanhempi
commit
27f89a9786
1 muutettua tiedostoa jossa 11 lisäystä ja 0 poistoa
  1. 11 0
      style.css

+ 11 - 0
style.css

@@ -413,9 +413,18 @@ blockquote p {
 /*-----------------------------------------------------------------------------------*/
 /*	STUCTURE
 /*-----------------------------------------------------------------------------------*/
+.body-wrapper {
+    display: flex;
+    min-height: 100vh;
+    flex-direction: column;
+}
 .top-wrapper {
     background: #2a2a2a
 }
+.light-wrapper,
+.dark-wrapper {
+    flex: 1;
+}
 .light-wrapper {
     background: #FFF
 }
@@ -784,6 +793,7 @@ footer {
     background: #2a2a2a;
     color: #bebebe;
     display: block;
+    width: 100%;
 }
 footer a {
     color: #ff6760;
@@ -807,6 +817,7 @@ footer h6 {
     background: #262626;
     color: #bebebe;
     text-align: center;
+    width: 100%;
 }
 .subfooter-wrapper a {
     color: #bebebe;