Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.9)
// Compass (v1.0.0.alpha.20)
// Scut (v0.10.4)
// ----

@import "scut";

%primary-heading {
  font-size: scut-em(48px);
  font-weight: 800;
}

%secondary-heading {
  font-size: scut-em(16px);
  font-weight: 700;
  line-height: scut-em(22px, 16px);
}

%body-copy {
  font-size: scut-em(16px);
  line-height: scut-em(24px, 16px);
}

h1 {
  @extend %primary-heading;
}
 
h2 {
  @extend %secondary-heading;
}
 
p {
  @extend %body-copy;
}

// _hero.scss
.Hero {
  .Hero-heading {
    @extend %secondary-heading;
  }
}

SassMeister-output.css

/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v0.10.4
* Docs at http://davidtheclark.github.io/scut
*/
h1 {
  font-size: 3em;
  font-weight: 800;
}

h2, .Hero .Hero-heading {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.375em;
}

p {
  font-size: 1em;
  line-height: 1.5em;
}