More docs updates

public/guide/layout/index.html

@@ -183,7 +183,7 @@ <h2>Rows</h2>
 <section class="row">
   <h2>Gutters</h2>
   <hr>
-  <p>We use fixed-width gutters defined with a rem unit. This ensures that spacing stays consistent at all sizes. By default, our gutter size is equal to the <code>$line</code> variable set in <code>/source/scss/settings/_variables.scss</code>, which also happens to be the baseline grid.</p>
+  <p>We use fixed-width gutters defined with a rem unit. This ensures that spacing stays consistent at all sizes. By default, our gutter size is equal to the <code>$line</code> variable set in <code>/source/scss/1_settings/_variables.scss</code>, which also happens to be the baseline grid.</p>
 
   <p>There is a handy <code>gutter</code> mixin avialable which applies half a gutter width to each side of the element to which it is applied.</p>
 
@@ -194,7 +194,7 @@ <h2>Gutters</h2>
 
   <h2>Page Margins</h2>
   <hr>
-  <p>The <code>$margin</code> variable determines the horizontal space on either side of the grid. It is set in <code>/source/scss/settings/_variables.scss</code> with a percentage based on one of our smaller grid units. For example, the default margin of Live Wires is <code>$margin: 100% / 18</code> (which adds an extra column to either side of our 16 column grid).</p>
+  <p>The <code>$margin</code> variable determines the horizontal space on either side of the grid. It is set in <code>/source/scss/1_settings/_variables.scss</code> with a percentage based on one of our smaller grid units. For example, the default margin of Live Wires is <code>$margin: 100% / 18</code> (which adds an extra column to either side of our 16 column grid).</p>
 
   <p>You can add a max-width value to the <code>.row</code> class to give your design a static width after a certain size, but we recommend sticking with a fully fluid system based on percentages using the <code>$margin</code> variable.</p>
 
@@ -216,7 +216,7 @@ <h2>Page Margins</h2>
 <section class="row">
   <h2>Background colors</h2>
   <hr>
-  <p>We&rsquo;ve included a few background classes in <code>/source/scss/theme/_layout.scss</code> to give you some easy background variations for rows and other elements:</p>
+  <p>We&rsquo;ve included a few background classes in <code>/source/scss/7_theme/_layout.scss</code> to give you some easy background variations for rows and other elements:</p>
 
 </section>
 

source/templates/guide/layout/index.html

@@ -183,7 +183,7 @@ <h2>Rows</h2>
 <section class="row">
   <h2>Gutters</h2>
   <hr>
-  <p>We use fixed-width gutters defined with a rem unit. This ensures that spacing stays consistent at all sizes. By default, our gutter size is equal to the <code>$line</code> variable set in <code>/source/scss/settings/_variables.scss</code>, which also happens to be the baseline grid.</p>
+  <p>We use fixed-width gutters defined with a rem unit. This ensures that spacing stays consistent at all sizes. By default, our gutter size is equal to the <code>$line</code> variable set in <code>/source/scss/1_settings/_variables.scss</code>, which also happens to be the baseline grid.</p>
 
   <p>There is a handy <code>gutter</code> mixin avialable which applies half a gutter width to each side of the element to which it is applied.</p>
 
@@ -194,7 +194,7 @@ <h2>Gutters</h2>
 
   <h2>Page Margins</h2>
   <hr>
-  <p>The <code>$margin</code> variable determines the horizontal space on either side of the grid. It is set in <code>/source/scss/settings/_variables.scss</code> with a percentage based on one of our smaller grid units. For example, the default margin of Live Wires is <code>$margin: 100% / 18</code> (which adds an extra column to either side of our 16 column grid).</p>
+  <p>The <code>$margin</code> variable determines the horizontal space on either side of the grid. It is set in <code>/source/scss/1_settings/_variables.scss</code> with a percentage based on one of our smaller grid units. For example, the default margin of Live Wires is <code>$margin: 100% / 18</code> (which adds an extra column to either side of our 16 column grid).</p>
 
   <p>You can add a max-width value to the <code>.row</code> class to give your design a static width after a certain size, but we recommend sticking with a fully fluid system based on percentages using the <code>$margin</code> variable.</p>
 
@@ -216,7 +216,7 @@ <h2>Page Margins</h2>
 <section class="row">
   <h2>Background colors</h2>
   <hr>
-  <p>We&rsquo;ve included a few background classes in <code>/source/scss/theme/_layout.scss</code> to give you some easy background variations for rows and other elements:</p>
+  <p>We&rsquo;ve included a few background classes in <code>/source/scss/7_theme/_layout.scss</code> to give you some easy background variations for rows and other elements:</p>
 
 </section>