scottkellum

@function msem($value: 0, $ratio: $ms-ratio) {
  @return ms($value, 1em, $ratio);
}

scottkellum

<h1>The quick brown fox jumps over the lazy dog</h1>
<h2>The quick brown fox jumps over the lazy dog</h2>
<h3>The quick brown fox jumps over the lazy dog</h3>
<h4>The quick brown fox jumps over the lazy dog</h4>
<h5>The quick brown fox jumps over the lazy dog</h5>
<h6>The quick brown fox jumps over the lazy dog</h6>

<p>Plura mihi bona sunt, inclinet, amari petere vellent. Plura mihi bona sunt, inclinet, amari petere vellent. Paullum deliquit, ponderibus modulisque suis ratio utitur. Ambitioni dedisse scripsisse iudicaretur. Ut enim ad minim veniam, quis nostrud exercitation. Ambitioni dedisse scripsisse iudicaretur.</p>
<p>Unam incolunt Belgae, aliam Aquitani, tertiam. Fabio vel iudice vincam, sunt in culpa qui officia. Nec dubitamus multa iter quae et nos invenerat. Ambitioni dedisse scripsisse iudicaretur. Tu quoque, Brute, fili mi, nihil timor populi, nihil! Ut enim ad minim veniam, quis nostrud exercitation.</p>
<p>Me non paenitet nullum festiviorem excogitasse ad hoc. A communi observantia non est reced

scottkellum

<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>

scottkellum

// ----
// Sass (v3.2.14)
// Compass (v0.12.2)
// ----

$size: inherit;

foo {
  @if $size != inherit {
    font-size: $size;

scottkellum

// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// Modular Scale (v2.0.4)
// ----

@import "modular-scale";

$ms-base: 1;

scottkellum

// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// ----

@function inverse($number) {
  $unit: 0 * $number + 1;
  @if unit($unit) == "%" {
    @return percentage(100 / ($number / $unit));
  }

scottkellum

// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// Modular Scale (v)
// ----

@import 'modular-scale';

$ms-base: 1rem 1.0625rem;
$ms-ratio: $golden;

scottkellum

<div class="outer">

  <article>
    <div class="nest-1">nest-1</div>
    <div class="nest-2">nest-2</div>
  </article>

  <aside>aside</aside>

  

scottkellum

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// Modular Scale (v2.0.5)
// ----

@import "modular-scale";

// Set default ratio
$ms-ratio: $augmented-fourth;

scottkellum

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

$colors:
  red
  green
  blue
  purple