include latest post on homepage

[chloro.git] / chloro / phyll / static / css / style.scss

diff --git a/chloro/phyll/static/css/style.scss b/chloro/phyll/static/css/style.scss
index e25a946a594b21b2a61f5ce2a4a1362351e3586f..cc3b22433c6a2ed01271695502a63cd05ef401a9 100644 (file)
--- a/chloro/phyll/static/css/style.scss
+++ b/chloro/phyll/static/css/style.scss
@@ -64,18 +64,41 @@ main {
 }
 
 .home {
-       a {
+       nav a {
                text-transform: uppercase;
-               display: block;
+               display: inline-block;
                text-decoration: none;
                font-size: 500%;
                font-weight: bold;
                padding-top: 0.5em;
                line-height: 50%;
+               width: 100%;
                span {
                        font-size: 30%;
                }
-               margin-bottom: 2rem;
+               margin-bottom: 1rem;
+               &.divers {
+                       width: 49%;
+               }
+               &.vrac {
+                       width: 49%;
+                       text-align: right;
+                       float: right;
+               }
+       }
+       .latest {
+               margin-top: 2em;
+               h2 {
+                       margin: 0;
+                       font-size: 400%;
+                       font-weight: bold;
+                       text-transform: uppercase;
+               }
+               .meta {
+                       padding-top: 0.5rem;
+                       padding-left: 0.5rem;
+                       color: lighten($text-color, 40%);
+               }
        }
 }
 
@@ -89,6 +112,10 @@ main {
                        padding: 3px;
                }
        }
+       div.meta {
+               margin-top: 3em;
+               color: lighten($text-color, 40%);
+       }
 }
 
 .post-list {
@@ -98,6 +125,9 @@ main {
                list-style: none;
                display: inline-block;
        }
+       li.unpublished {
+               opacity: 0.5;
+       }
        a {
                text-transform: uppercase;
                display: inline-block;