zellwk

'use strict';
// # Globbing
// for performance reasons we're only matching one level down:
// 'test/spec/{,*/}*.js'
// use this if you want to recursively match all subfolders:
// 'test/spec/**/*.js'

module.exports = function(grunt) {
  // load all grunt tasks
  require('load-grunt-tasks')(grunt);

zellwk

<div class="wrap">
    <div class="content">
      <h1>This is Chapparal</h1>
      <h2>Created by Adobe type designer Carol Twombly, Chaparral combines the legibility of slab serif designs popularized in the 19th century with the grace of 16th-century roman book lettering. By Adobe</h2>

      <div class="text">
        <div class="text__child">
          <p>
            The result is a versatile, hybrid slab-serif design, a unique addition to the Adobe Originals family of typefaces. Unlike “geometric” slab serif designs, Chaparral has varying letter proportions that give it an accessible and friendly appearance in all weights from light to bold.
          </p>

zellwk

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

// Deep nested values in Sass maps.


// Fetch a deep value in a multi-level map.
// https://gist.github.com/HugoGiraudel/9933331

zellwk

// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----

// Deep set function to set a value in nested maps
// ----------
// @param [map] $map: map
// @param [list] $keys: list of keys to reach
// @param [literal] $value: value to assign

zellwk

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

// Deep nested values in Sass maps.


// Fetch a deep value in a multi-level map.
// https://gist.github.com/HugoGiraudel/9933331

zellwk

  <div class="wrap">
    <div class="content intro">
      <h1 class="title">This is Chapparal</h1>
      <h2 class="subtitle">
        Created by Adobe type designer Carol Twombly, Chaparral combines the legibility of slab serif designs popularized in the 19th century with the grace of 16th-century roman book lettering. By Adobe
      </h2>

      <div class="content__left">
        <p>

zellwk

  <div class="wrap">
    <div class="content">
      <h1>This is Chapparal</h1>
      <h2>Created by Adobe type designer Carol Twombly, Chaparral combines the legibility of slab serif designs popularized in the 19th century with the grace of 16th-century roman book lettering. By Adobe</h2>

      <div class="text">
        <div class="text__child">
          <p>
            The result is a versatile, hybrid slab-serif design, a unique addition to the Adobe Originals family of typefaces. Unlike “geometric” slab serif designs, Chaparral has varying letter proportions that give it an accessible and friendly appearance in all weights from light to bold.
          </p>

zellwk

  <div class="wrap">
    <div class="content">
      <h1>This is Chapparal</h1>
      <h2>Created by Adobe type designer Carol Twombly, Chaparral combines the legibility of slab serif designs popularized in the 19th century with the grace of 16th-century roman book lettering. By Adobe</h2>

      <div class="text">
        <div class="text__child">
          <p>
            The result is a versatile, hybrid slab-serif design, a unique addition to the Adobe Originals family of typefaces. Unlike “geometric” slab serif designs, Chaparral has varying letter proportions that give it an accessible and friendly appearance in all weights from light to bold.
          </p>

zellwk

  <div class="wrap">
    <div class="content">
      <h1>This is Chapparal</h1>
      <h2>Created by Adobe type designer Carol Twombly, Chaparral combines the legibility of slab serif designs popularized in the 19th century with the grace of 16th-century roman book lettering. By Adobe</h2>

      <div class="text">
        <div class="text__child">
          <p>
            The result is a versatile, hybrid slab-serif design, a unique addition to the Adobe Originals family of typefaces. Unlike “geometric” slab serif designs, Chaparral has varying letter proportions that give it an accessible and friendly appearance in all weights from light to bold.
          </p>

zellwk

  <div class="wrap">
    <div class="content">
      <h2>Content</h2>
    </div>
    <div class="sidebar1">
      <h2>Sidebar 1</h2>
    </div>
    <div class="sidebar2">
      <h2>Sidebar 2</h2>
    </div>