Generated by SassMeister.com.

SassMeister-input.scss

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

$root-font:(
	color: #222,
	font-family: Open Sans,
	font-size: 16,
	font-weight: normal,
	line-height: 1.4
);

@function em($value, $context: map-get($root-font, font-size)) {
	@return ($value / $context * 1em);
}

$font-sizes:(
  header: (
   h1: em(32),
   h2: em(28),
   h3: em(22),
   p:  em(18)
  ),
  card:(
   h1: em(26),
   h2: em(20),
   p:  em(16)
  ),
  widget:(
   h3: em(22),
   p:  em(16),
   li: em(14)
  ),
);

/* Admin Menu Icons */
@each $element, $section in $font-sizes {
  @each $size, $element-size in map-get($font-sizes, $element) {
     .#{$element} #{$size} {
      font-size: map-get(map-get($font-sizes, $element), $size);
    }
  }
}

SassMeister-output.css

/* Admin Menu Icons */
.header h1 {
  font-size: 2em;
}

.header h2 {
  font-size: 1.75em;
}

.header h3 {
  font-size: 1.375em;
}

.header p {
  font-size: 1.125em;
}

.card h1 {
  font-size: 1.625em;
}

.card h2 {
  font-size: 1.25em;
}

.card p {
  font-size: 1em;
}

.widget h3 {
  font-size: 1.375em;
}

.widget p {
  font-size: 1em;
}

.widget li {
  font-size: 0.875em;
}