jdsteinbach

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

$red: #ff4242;

// Declare this variable early 
$parent-classes: '';

jdsteinbach

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

// Breakpoints
$bp-big: 68.75em;
$bp-medium: 62em;
$bp-small: 40em;

jdsteinbach

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

$red: #ff4242;

// Declare this variable early 
$parent-classes: ();

jdsteinbach

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

// TO-DO
// Is it better to do all the $fsize per $bp? or $bp per $fsize? 
// ↑ All $bp per $fsize is consistent w/other code in this gist.
// ↑ Weird - @resp-sizes isn't working...
// Add options for per-breakpoint $main-font & $rhythm?

jdsteinbach

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

// Use a Map (available in latest Sass) 
// for simpler variable management.
$list-colours: (
  'darkgrey': #242628,
  'grey': #35393b,

jdsteinbach

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

$font-sizes: (sm: 14, p: 16, bq: 18, ssh: 20, sh: 24, h: 32, hero: 48);
@each $label, $size in $font-sizes {
  %#{$label} {
    font-size: $size * 1px;
  }

jdsteinbach

// ----
// Sass (v3.3.9)
// Compass (v1.0.0.alpha.20)
// Bourbon (v4.0.2)
// ----

@import "bourbon/bourbon";

//$em-base: 10px;
@mixin px-rem($property, $values...) {

jdsteinbach

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

/* Yes, technically CSS is "valid SCSS" 
but I don't know of a way to process a css declaration block as a map, 
which is essentially what you're trying to do. 
My best answer is to save your '.class' data as a map,
then process that map with a dump() mixin.*/

jdsteinbach

// ----
// Sass (v3.4.0.rc.1)
// Compass (v1.0.0.alpha.20)
// ----

/* The Old Way */
.nav-menu,
.footer-menu {
  .item,
  li {

jdsteinbach

// ----
// Sass (v3.4.0.rc.1)
// Compass (v1.0.0.alpha.20)
// ----

@mixin context($old-context, $new-contexts...) {
  @each $context in $new-contexts {
    @at-root #{selector-replace(&, $old-context, $context)} {
        @content;
    }