_demo.scss in compass-ui-0.0.5

- old
+ new

@@ -13,11 +13,10 @@
 body{ 
   font: 62.5% "Trebuchet MS", Helvetica, Arial, sans-serif;
   // font: 100% "Trebuchet MS", Helvetica, sans-serif;
 }
 
-
 #container {
   // @include container;
   margin: 20px auto;
   // width: 60%;
   width: 90%;
@@ -72,14 +71,39 @@
 
     p, div {
       font-size: 1.5em;
       padding: 0.9em 0.7em;
     }
-    // #toggle-css {
-    //   font-size: 1.5em;
-    //   padding: 0.9em 0.7em;
-    // }
+
+    h2#showing {
+      @include border-radius(5px);
+      background-color: $test-green;
+      @include background-image(linear-gradient($test-green-medium, $test-green));
+      color: $test-green-dark;
+      padding: 0.9em;
+      span {
+        color: white;
+        display: block;
+      }
+      span.summary {
+        font-size: 0.7em;
+        color: #ffffff;
+        padding-top: 6px;
+      }
+    }
+
+    #toggle-css {
+      a {
+        color: $test-blue-dark;
+        text-decoration: none;
+        padding: 5px 0 5px 5px;
+        &:hover {
+          background: $test-blue-dark;
+          color: #ffffff;
+        }
+      }
+    }
   }
 }
 
 // media queries
 
@@ -128,32 +152,20 @@
 }
 h2 {
   font-size: 1.5em;
   font-weight: bold;
 }
-
-h2#showing {
-  @include border-radius(5px);
-  background-color: $test-green;
-  @include background-image(linear-gradient($test-green-medium, $test-green));
-  color: $test-green-dark;
-  padding: 0.9em;
-  span {
-    color: white;
-    display: block;
-  }
-  span.summary {
-    font-size: 0.7em;
-    color: #ffffff;
-    padding-top: 6px;
-  }
+h3 {
+  font-size: 1.2em;
+  font-weight: bold;
 }
 
 p {
   font-size: 1.3em;
   padding: 5px 0;
 }
 
 strong {
   font-weight: bold;
 }
+
 