Generated by SassMeister.com.

SassMeister-input-HTML.html

<h1>Headline 1 <span>H1 small</span></h1>
<p>Some Text <span>P small</span></p>

SassMeister-input.scss

// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----

@import "compass/typography/vertical_rhythm";
 
$base-font-size: 16px;
$base-line-height: 24px;
@include establish-baseline;

h1 {
  @include adjust-font-size-to(16px);
   margin: 0 auto rhythm(3, 42px);
  }

h1 span {
  @include adjust-font-size-to(16px);
  font-weight: normal;
}

p {
  @include adjust-font-size-to(14px);
  font-weight: normal;
}

p span {
  @include adjust-font-size-to(16px, 0, 12px);
  font-weight: normal;
}

SassMeister-output.css

* html {
  font-size: 100%;
}

html {
  font-size: 16px;
  line-height: 1.5em;
}

h1 {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 auto 1.7142857143em;
}

h1 span {
  font-size: 1em;
  line-height: 1.5em;
  font-weight: normal;
}

p {
  font-size: 0.875em;
  line-height: 1.7142857143em;
  font-weight: normal;
}

p span {
  font-size: 1.3333333333em;
  line-height: 0em;
  font-weight: normal;
}

SassMeister-rendered.html

<h1>Headline 1 <span>H1 small</span></h1>
<p>Some Text <span>P small</span></p>