title: CSS grid & Sass
body: <p>The CSS working group member Rachel Andrews mentioned in a conference video that Sass is compatible with the new CSS grid spec.  With that, does anyone know the syntax for spacing the "ASCII art" on grid-template-areas for Sass?  I've since checked the Sass documentation and couldn't find anything (yet).  The errors I get involve spacing.  Appreciate any pointers in the community.  If not, back to .css until then (:  Thanks...</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.wrapper
      grid-template-areas: header
                           nav
                           image
                           lead
                           cta //errors occur here with ASCII art grid areas for CSS grid
                           
  .header-area
    grid-area: header
    
  .nav-area
    grid-area: nav
    
  .image
    grid-area: image
    
  .lead
    grid-area: lead
    
  .cta
    grid-area: cta</code></pre>
  </div>
  </div>
  </p>