samthurman

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----

.header--election {
  display: inline-block;
  margin: 0 0 grid-height(3);

  .header--election__label {

samthurman

// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// ----

// THE SELF-AWARE MIXIN
//
// Should you use a mixin or an extend?
// This mixin makes that question moot.
// It checks to see if your mixin config exists

samthurman

// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// ----

// THE SMART EXTEND
//
// If you have multiple selectors with the same
// mixin config "Smart Extend" will group their
// styles together.

samthurman

// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// ----

// SVG + Backup mixin
//
// This mixin assumes that your:
// SVG ID = SVG element class = svg backup image URL

samthurman

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

//breakpoint function, seems solid
@mixin media($breakpoint) {
  $queries: (
    xs: 24rem,
    sm: 40rem,

samthurman

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

//breakpoint function, seems solid
@mixin media($breakpoint) {
  $queries: (
    xs: 24rem,
    sm: 40rem,

samthurman

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

// all of the breakpoint names and values
// we may use this a lot, keep them somwhere safe
$breakpoints: (
  all: 0,
  xs: 24rem,

samthurman

// ----
// libsass (v3.2.2)
// ----

@function px-to-rem($size) {
  $remSize: $size / 16px;
  @return #{$remSize}rem;
}

h1 {

samthurman

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

//Generate Breakpoint Prefixes

// all of the breakpoint names and values
// we may use this a lot, keep them somwhere safe
$breakpoints: (

samthurman

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

// Borders

$border-default: 1px solid rgba(0,0,0,.2);

// Spacing