Nicer CSS for main page.

[static.git] / content / media / css / base.scss

diff --git a/content/media/css/base.scss b/content/media/css/base.scss
index 274509c..8bac975 100644 (file)
--- a/content/media/css/base.scss
+++ b/content/media/css/base.scss
@@ -146,8 +146,8 @@ section.home-section {
 
 footer {
     border-top: 1px solid #fff;
-    padding: 1em 0;
-    margin-top: 3rem;
+    padding: 1rem 0;
+    margin-top: 0;
     font-size: .75rem;
 
     .footer-item {
@@ -191,7 +191,7 @@ nav {
 
 
 #logos {
-    margin: 0 auto;
+    margin: 0;
     padding: .5rem 0 .5rem;
     text-align: left;
     section {
@@ -228,55 +228,55 @@ nav {
     }
 }
 
+#toc {
+    margin-bottom: 3rem;
+}
 
 body#index {
     #body {
-        display: -webkit-box;
-        display: -moz-box;
-        display: -ms-flexbox;
-        display: -webkit-flex;
-        display: flex;
-
-        -webkit-box-orient: vertical;
-        -moz-box-orient: vertical;
-        -webkit-box-direction: normal;
-        -moz-box-direction: normal;
-        -webkit-flex-direction: column;
-        -ms-flex-direction: column;
-        flex-direction: column;
-
         @media screen and (min-width: 36em) {
-            display: block;
-        }
-
-
-        header {
-            -webkit-box-ordinal-group: 1;
-            -moz-box-ordinal-group: 1;
-            -ms-flex-order: 1;
-            -webkit-order: 1;
-            order: 1;
-        }
-        .home-section {
-            -webkit-box-ordinal-group: 3;
-            -moz-box-ordinal-group: 3;
-            -ms-flex-order: 3;
-            -webkit-order: 3;
-            order: 3;
-        }
-        #logos {
-            -webkit-box-ordinal-group: 4;
-            -moz-box-ordinal-group: 4;
-            -ms-flex-order: 4;
-            -webkit-order: 4;
-            order: 4;
-        }
-        footer {
-            -webkit-box-ordinal-group: 100;
-            -moz-box-ordinal-group: 100;
-            -ms-flex-order: 100;
-            -webkit-order: 100;
-            order: 100;
+            display: -webkit-box;
+            display: -moz-box;
+            display: -ms-flexbox;
+            display: -webkit-flex;
+            display: flex;
+
+            -webkit-box-orient: vertical;
+            -moz-box-orient: vertical;
+            -webkit-box-direction: normal;
+            -moz-box-direction: normal;
+            -webkit-flex-direction: column;
+            -ms-flex-direction: column;
+            flex-direction: column;
+
+            #logos {
+                -webkit-box-ordinal-group: 1;
+                -moz-box-ordinal-group: 1;
+                -ms-flex-order: 1;
+                -webkit-order: 1;
+                order: 1;
+            }
+            header {
+                -webkit-box-ordinal-group: 2;
+                -moz-box-ordinal-group: 2;
+                -ms-flex-order: 2;
+                -webkit-order: 2;
+                order: 2;
+            }
+            #toc {
+                -webkit-box-ordinal-group: 3;
+                -moz-box-ordinal-group: 3;
+                -ms-flex-order: 3;
+                -webkit-order: 3;
+                order: 3;
+            }
+            footer {
+                -webkit-box-ordinal-group: 100;
+                -moz-box-ordinal-group: 100;
+                -ms-flex-order: 100;
+                -webkit-order: 100;
+                order: 100;
+            }
         }
     }
 }
\ No newline at end of file