From d34a5bb73256ca9b14d6fe3f37546e06cd9eebd1 Mon Sep 17 00:00:00 2001
From: Victor Häggqvist <victor@snilius.com>
Date: Fri, 27 Jun 2014 19:26:06 +0200
Subject: some visual fixes

---
 sass/demo.scss | 107 ++++++++++++++++++++++++++++++++++-----------------------
 1 file changed, 64 insertions(+), 43 deletions(-)

diff --git a/sass/demo.scss b/sass/demo.scss
index eac6cae..e2e345a 100644
--- a/sass/demo.scss
+++ b/sass/demo.scss
@@ -8,43 +8,6 @@ body {
   text-align: center;
   width: 700px;
 
-  h1 {
-    font-size: 37px;
-    line-height: .882em;
-    text-transform: uppercase;
-
-    span {
-      color: #aaa;
-      display: block;
-      font-size: .588em;
-      line-height: 1em;
-    }
-
-    &:hover {
-      color: #666;
-
-      span {
-        color: #666;
-      }
-    }
-  }
-
-  h2 {
-    border-top: 1px solid #ddd;
-    margin-bottom: .625em;
-    margin-top: 1.875em;
-    padding-top: 1.875em;
-
-    span {
-      color: #666;
-    }
-  }
-
-  li {
-    display: inline-block;
-    margin: .625em;
-  }
-
   img {
     border: .625em solid rgba(255, 255, 255, .5);
     // border-color: #eee;
@@ -69,20 +32,62 @@ body {
       box-shadow: 0 0 .938em rgba(0, 0, 0, .25);
     }
   }
+}
 
-  footer {
-    border-top: 1px solid #ddd;
+h1 {
+  font-size: 37px;
+  line-height: .882em;
+  text-transform: uppercase;
+
+  span {
     color: #aaa;
-    font-size: .875em;
-    margin-top: 2.143em;
-    padding-top: 2.143em;
+    display: block;
+    font-size: .588em;
+    line-height: 1em;
+  }
+
+  &:hover {
+    color: #666;
 
-    a {
+    span {
       color: #666;
     }
   }
 }
 
+h2 {
+  border-top: 1px solid #ddd;
+  margin-bottom: 15px;
+  margin-top: 45px;
+  padding-top: 45px;
+
+  span {
+    color: #666;
+  }
+}
+
+li {
+  display: inline-block;
+  margin: .625em;
+}
+
+footer {
+  border-top: 1px solid #ddd;
+  color: #aaa;
+  font-size: .875em;
+  margin-top: 2.143em;
+  padding-top: 2.143em;
+
+  a {
+    color: #666;
+  }
+}
+
+
+#fork-button {
+  display: none;
+}
+
 @media only screen and (max-width: 660px) {
   #container {
     width: 90%;
@@ -93,6 +98,22 @@ body {
       display: table;
     }
   }
+
+  #fork-ribbon {
+    display: none;
+  }
+
+  #fork-button {
+    display: inline-block;
+  }
+
+  h1 {
+    margin-bottom: 5px;
+  }
+
+  h2:first-of-type {
+    margin-top: 30px;
+  }
 }
 
 ul {
-- 
cgit v1.2.3