Nicer structure on main.

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

diff --git a/content/media/css/base.scss b/content/media/css/base.scss
index 274509c..4d30ad2 100644 (file)
--- a/content/media/css/base.scss
+++ b/content/media/css/base.scss
@@ -71,11 +71,6 @@ header {
             float: right;
             text-align: right;
         }
-
-        .author {
-            font-size: 1rem;
-            font-weight: normal;
-        }
     }
 
     nav {
@@ -105,26 +100,32 @@ section.home-section {
         }
     }
 
-    a.list-item {
-        padding: .25em .5em .25em .5em;
-        position:relative;
-        font-size: 1.2rem;
-
-        @media screen and (min-width: 20em) {
-            padding-left: 2.7rem;
-            font-size: 1.3rem;
-
-            &:before {
-                content: '\bb';
-                position: absolute;
-                left: 1rem;
+    .link-list {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+
+        li {
+            margin: 0;
+            padding: 0;
+
+            a {
+                padding: .25em .5em .25em .5em;
+                position:relative;
+                font-size: 1.2rem;
+
+                @media screen and (min-width: 20em) {
+                    padding-left: 2.7rem;
+                    font-size: 1.3rem;
+
+                    &:before {
+                        content: '\bb';
+                        position: absolute;
+                        left: 1rem;
+                    }
+                }
             }
         }
-
-        .author {
-            display: block;
-            font-size: 1rem;
-        }
     }
 }
 #tools {
@@ -146,8 +147,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 +192,7 @@ nav {
 
 
 #logos {
-    margin: 0 auto;
+    margin: 0;
     padding: .5rem 0 .5rem;
     text-align: left;
     section {
@@ -228,55 +229,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