Cleaned styles

Author: gorriecoe

css/styleguide.css

@@ -1,6 +1,7 @@
 $grey: #808080;
 $dark-grey: #222;
 $white: #fff;
+$font-family: "HelveticaNeue","Helvetica","Arial",sans-serif;
 
 .styleGuideMaster{
     border: 1px solid $grey;
@@ -21,29 +22,29 @@ $white: #fff;
     bottom: 0;
     left: 0;
     width: 20%;
-    z-index: 9999;
-    padding: 2em 0;
     margin: 0;
     background: $dark-grey none repeat scroll 0% 0%;
     color: $white;
-    font-family: "HelveticaNeue","Helvetica","Arial",sans-serif;
+    font-family: $font-family;
     text-transform: uppercase;
     overflow: auto;
-    &:after{
-        content: "";
-        clear: both;
-        display: block;
+    ul{
+        padding: 2em 0;
+        margin: 0;
     }
-    *{
-        box-sizing: border-box;
+    li{
+        padding: 0;
+        margin: 0;
+        list-style: none;
+        display: block;
     }
     a{
         font-size: 14px!important;
         color: $grey;
         text-decoration: none;
         display: block;
         line-height: 1;
-        padding: 1em;
+        padding: 0.5em 1em;
         transition: color 0.15s ease-out 0s;
         cursor: pointer;
         &:hover,
@@ -52,11 +53,6 @@ $white: #fff;
             background: $dark-grey none repeat scroll 0% 0%;
         }
     }
-    li{
-        list-style: none;
-        display: block;
-    }
-
 }
 .styleGuideGroups{
     position: absolute;
@@ -73,16 +69,10 @@ $white: #fff;
 }
 .styleGuideTitle{
     margin: 2em 0px;
-    font-family: "HelveticaNeue","Helvetica","Arial",sans-serif;
+    font-family: $font-family;
     font-size: 14px!important;
     text-transform: uppercase;
     font-weight: normal;
     padding: 1em 0px;
     border-bottom: 1px solid $grey;
-    a{
-        font-size: 10px!important;
-        color: $grey;
-        text-decoration: none;
-        float: right;
-    }
 }

css/styleguide.css.map

@@ -1,10 +1,12 @@
 <div class="styleGuideMaster">
     <% if Styles %>
-        <ul class="styleGuideNav">
-        	<% loop Styles %>
-                <li><a href="#{$ID}">$Name</a></li>
-            <% end_loop %>
-        </ul>
+        <div class="styleGuideNav">
+            <ul>
+                <% loop Styles %>
+                    <li><a href="#{$ID}">$Name</a></li>
+                <% end_loop %>
+            </ul>
+        </div>
         <div class="styleGuideGroups">
             <h1>Style Guide</h1>
             <% loop Styles %>