jdsteinbach

$global_store: ()

= override($args:(), $is_child:true)
  @if $is_child
    $global_store: () !global
  $global_store: map-merge($global_store, $args) !global

= default($key_or_map, $value:null)
  @if $value
    +store-default($key_or_map, $value)

jdsteinbach

<div class="container">
  <div class="primary-content">
    Primary Content
  </div>
  <div class="secondary-content">
    Secondary Content
  </div>
</div>

jdsteinbach

<div class="container">
  <div class="primary-content">
    Primary Content
  </div>
  <div class="secondary-content">
    Secondary Content
  </div>
</div>

jdsteinbach

<div class="container">
  <div class="primary-content">
    Primary Content
  </div>
  <div class="secondary-content">
    Secondary Content
  </div>
</div>

jdsteinbach

// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// Susy (v2.1.3)
// ----

@import "susy";
$susy: (
  columns: 12,
  gutters: .333333

jdsteinbach

// ----
// libsass (v3.0)
// ----

@for $i from 10 to 1 {
  .el-#{$i} {
    z-index: $i;
  }
}
@for $i from 1 to 10 {

jdsteinbach

// ----
// libsass (v3.0)
// ----

%placeholder {
  color: red;
  @media (min-width: 500px) {
    color: blue;
  }
  .parent & {

jdsteinbach

// ----
// libsass (v3.0)
// ----

$map: (value: 1200px);
.container {
    max-width: map-get($map,value)-1; //bad
    max-width: map-get($map,value) - 1; //good
}

jdsteinbach

// ----
// libsass (v3.0)
// ----

$simple-map: (
  key1: value1,
  key2: value2
);
$map-keys: map-keys($simple-map);
$map-values: map-values($simple-map);

jdsteinbach

// ----
// libsass (v3.0)
// ----

$simple-map: (
  key1: value1,
  key2: value2
);
$complex-map: (
  sub-map1: (