Cacher is the code snippet organizer for pro developers

h1, h2 {
  font-size: 32px;
  font-size: 2rem; }

h3 {
  font-size: 24px;
  font-size: 1.5rem; }

p {
  font-size: 16px;
  font-size: 1rem; }

h1 {
  font-weight: bold; }

h2 {
  font-weight: normal;
  text-decoration: underline; }

p {
  margin: 0; }
  p + p {
    margin-top: .5em; }

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// Bourbon (v3.2.0.beta.1.a)
// ----

@import "bourbon/bourbon";

// Base, um, font size.
$default-font-size: 16px;

// REM font sizes w/ PX fallback
@mixin font-size($size: 16px) {
  font-size: 0px + $size;
  font-size: 0rem + $size / $default-font-size;
}

// Silent Extends
%font-alpha {
  @include font-size(32px);
}

%font-beta {
  @include font-size(24px);
}

%font-gamma {
  @include font-size;
}

// Type Classes
h1 {
  @extend %font-alpha;
  font-weight: bold;
}

h2 {
  @extend %font-alpha;
  font-weight: normal;
  text-decoration: underline;
}

h3 {
  @extend %font-beta;
}

p {
  @extend %font-gamma;
  margin: 0;
  + p {
    margin-top: .5em;
  }
}