update to demo page

dingledow · Aug 1, 2015 · f444e50 · f444e50
1 parent 320e317
commit f444e50
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 13 deletions.
diff --git a/css/demo.css b/css/demo.css
diff --git a/css/demo.css.map b/css/demo.css.map
diff --git a/index.html b/index.html
@@ -87,7 +87,7 @@ <h3>Sass Variables</h3>
         whatever you want. These are the default values:
         <ul class="getting_started__variable_list">
           <li><code>$wrap: 960px;</code></li>
-          <li><code>$gutter: 20px;</code></li>
+          <li><code>$gutter: 30px;</code></li>
           <li><code>$vertical-spacing: 20px;</code></li>
           <li><code>$md-breakpoint: 768px;</code></li>
           <li><code>$sm-breakpoint: 480px;</code></li>
@@ -115,7 +115,7 @@ <h4>Add Rows</h4>
       </p>
       <h4>Define the Gutter</h4>
       <p>
-        The default gutter width is <code>20px</code>, but this can be
+        The default gutter width is <code>30px</code>, but this can be
         changed to whatever you would like in the <code>$gutter</code>
         variable.
       </p>

diff --git a/scss/demo.scss b/scss/demo.scss
@@ -20,8 +20,8 @@
 
 body{
   font-family: "Apercu",sans-serif;
-  background-color: #f4f6fb;
-  color: #162673;
+  background-color: white;
+  color: #525151;
   line-height: 21px;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -77,16 +77,17 @@ a{
 code, pre{
   font-family: "apercumono", monospace;
   padding: 0px 3px;
-  background-color: #dbe4f4;
+  background-color: #f6f8fb;
   border-radius: 3px;
-  border: 1px solid #a4b8da;
+  border: 1px solid #c7d4e9;
   box-sizing: border-box;
   font-size: 14px;
 }
 
 pre{
-  white-space: pre-wrap;
+  white-space: pre;
   padding: 9px 12px;
+  overflow-x: scroll;
 }
 
 // Content