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

<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.4)
// Compass (v1.0.0.alpha.18)
// Modular Scale (v)
// ----

@import 'modular-scale';

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

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.3)
// Compass (v1.0.0.alpha.18)
// Modular Scale (v2.0.4)
// ----

@import "modular-scale";

$ms-base: 1;

scottkellum

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

$size: inherit;

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

scottkellum

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

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

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

scottkellum

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum pariatur veritatis quia non reprehenderit blanditiis saepe provident facilis nemo numquam doloribus ex aperiam iste voluptas quam illum quibusdam recusandae modi aspernatur esse nesciunt tempora fugit soluta exercitationem natus maxime inventore possimus? Veniam adipisci cupiditate similique voluptas dignissimos quod vitae? Accusamus beatae cumque sint reprehenderit mollitia debitis neque eos totam temporibus expedita accusantium numquam dignissimos earum nisi obcaecati voluptate odit sit pariatur eaque aspernatur nam voluptatem cupiditate facilis culpa animi tempora id illum omnis iste. Et neque voluptatem suscipit delectus nemo numquam sapiente eum dignissimos ducimus natus quo libero nisi incidunt accusantium sequi illo architecto nostrum minima minus voluptate consequuntur quidem obcaecati temporibus veniam aspernatur. Sapiente ipsam assumenda similique magnam quis possimus quaerat eum tenetur maiores. Repellendus fugiat beatae quasi dol