Add $typey-debug variable to typey-chorma-kss fork.

JohnAlbin · Nov 26, 2015 · d1835fb · d1835fb
1 parent ee8bf55
commit d1835fb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/fork-versions/typey-chroma-kss/base/_root.scss b/fork-versions/typey-chroma-kss/base/_root.scss
@@ -8,8 +8,6 @@
 
 html {
   @include define-type-sizing();
-  // Show a background image that can be used to debug your alignments.
-  // @include debug-vertical-alignment();
   // Set default font family to sans-serif.
   font-family: $font-body;
   // Prevent iOS text size adjust after orientation change, without disabling
@@ -26,4 +24,7 @@ body {
   // Remove default margin and padding.
   margin: 0;
   padding: 0;
+  // Output a horizontal grid to help with debugging typography. The
+  // $typey-debug variable will toggle its output.
+  @include typey-debug-grid();
 }
diff --git a/fork-versions/typey-chroma-kss/init/_variables.scss b/fork-versions/typey-chroma-kss/init/_variables.scss
@@ -37,6 +37,9 @@ $font-size: (
   xs:               10px
 );
 
+// Output a horizontal grid to help with debugging typography.
+$typey-debug: false;
+
 // The length unit in which to output font size and margin values.
 // Supported values: px, em, rem.
 $base-unit:         'rem';