// ----
// libsass (v3.2.5)
// ----

// _settings.global.scss

$base-font-size: 16px;
$base-line-height: 24px;
$base-spacing-unit: $base-line-height;
$base-spacing-unit-sm: round(0.5 * $base-line-height);
$base-spacing-unit-lg: 2 * $base-line-height;

$font-size-headings: 18px;





// _tools.functions.scss
@function rem($number) {
  @return $number / $base-font-size * 1rem;
}





// _tools.mixins.scss

@mixin font-size($font-size, $line-height: auto) {
  font-size: $font-size;
  font-size: ($font-size / $base-font-size) * 1rem;

  @if $line-height == auto {
    line-height: ceil($font-size / $base-line-height) * ($base-line-height / $font-size);
  }

  @else {

    @if (type-of($line-height) == number or $line-height == inherit or $line-height == normal) {
      line-height: $line-height;
    }

    @elseif ($line-height != none and $line-height != false) {
      @warn "D’oh! ‘#{$line-height}’ is not a valid value for `line-height`."
    }

  }

}

@mixin rem($property, $value) {
  #{$property}: $value;
  #{$property}: rem($value);
}





// _generic.reset.scss

/**
 * Please use a nicer reset in production.
 */
* {
  margin:  0;
  padding: 0;
  box-sizing: border-box;
}


// _generic.shared.scss

h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  @include rem(margin-bottom, $base-spacing-unit);
}





// _elements.page.scss

html {
  font: menu;
  font-size: ($base-font-size / 16px) * 1em;
  line-height: $base-line-height / $base-font-size;
  @include rem(padding, $base-spacing-unit-lg);
}


// _elements.headings.scss

h1, h2, h3, h4, h5, h6 {
  @include font-size($base-font-size);
  font-weight: bold;
}





// _components.type.scss

.c-heading-huge {
  @include font-size(48px);

  @media screen and (min-width: 32em) {
    @include font-size(72px, 1.4);
  }

}


.c-btn {
  background: #BADA55;
  color: white;
  display: inline-block;
  text-decoration: none;
  padding: $base-spacing-unit-sm $base-spacing-unit;
}



// _trumps.spacing.scss

$properties: (
  margin: m,
  padding: p
);

$directions: (
  null: '',
  -top: t,
  -right: r,
  -bottom: b,
  -left: l
);

$sizes:(
  null: 1,
  -none: 0,
  -xs: 0.25,
  -sm: 0.5,
  -lg: 2,
  -xl: 4
);

@each $property, $alias in $properties {

  @each $direction, $shorthand in $directions {

    @each $size, $factor in $sizes {

      .u-#{$alias}#{$shorthand}#{$size} {
  
        #{$property}#{$direction}: $base-spacing-unit * $factor !important;
  
      }

    }

  }

}





// _trumps.debug

:not([class*="s-"]) h1:not([class*="c-heading"]) {
  //outline: 10px solid red;
  &:after {
    content: " H1 headings require a `.c-heading-*` class.";
    color: red;
  }
}