Improve SCSS formatting.

1 files changed, 45 insertions, 66 deletions

diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss
index 31eb443c6..c0b7ddb53 100644
--- a/content/assets/stylesheets/stylesheet.scss
+++ b/content/assets/stylesheets/stylesheet.scss
@@ -2,7 +2,6 @@
   margin: 0;
   padding: 0;
   box-sizing: border-box;
-
   font-family: 'Source Sans Pro', sans-serif;
 }
 
@@ -17,91 +16,71 @@ body {
 
 a {
   text-decoration: none;
-}
 
-a:link,
-a:visited {
-  color: #f30;
-}
+  &:link,
+  &:visited {
+    color: #f30;
+  }
 
-a:hover {
-  color: #f90;
+  &:hover {
+    color: #f90;
+  }
 }
 
-#main {
+.main {
   margin: auto;
   padding: 20px;
   position: relative;
-
   width: auto;
   max-width: 1000px;
-}
-
-#main h1 {
-  font-size: 40px;
-  font-weight: normal;
-
-  line-height: 40px;
-
-  letter-spacing: -1px;
-}
-
-#main p {
-  margin: 20px 0;
-
-  font-size: 15px;
-
-  line-height: 20px;
-}
 
-#main ul, #main ol {
-  margin: 20px;
-}
+  h1 {
+    font-size: 40px;
+    font-weight: normal;
+    line-height: 40px;
+    letter-spacing: -1px;
+  }
 
-#main li {
-  font-size: 15px;
+  p {
+    margin: 20px 0;
+    font-size: 15px;
+    line-height: 20px;
+  }
 
-  line-height: 20px;
-}
+  ul, ol {
+    margin: 20px;
+  }
 
-#main ul li {
-  list-style-type: square;
+  li {
+    font-size: 15px;
+    line-height: 20px;
+  }
 }
 
 .header {
   position: relative;
-
   width: 100%;
-
   padding: 10px 20px;
-
   border-bottom: 1px solid #ccc;
-
   text-align: left;
-}
-
-.header h2 {
-  text-transform: uppercase;
-
-  font-size: 13px;
-
-  color: #333;
-
-  letter-spacing: 1px;
-
-  line-height: 20px;
-  display: inline-block;
-}
-
-.header ul {
-  list-style-type: none;
-
-  display: inline-block;
-}
-
-.header li {
-  font-size: 14px;
-  display: inline-block;
 
-  line-height: 20px;
+  h2 {
+    text-transform: uppercase;
+    font-size: 13px;
+    color: #333;
+    letter-spacing: 1px;
+    line-height: 20px;
+    display: inline-block;
+  }
+
+  ul {
+    list-style-type: none;
+    display: inline-block;
+  }
+
+  li {
+    font-size: 14px;
+    display: inline-block;
+    line-height: 20px;
+  }
 }