Generated by SassMeister.com.

SassMeister-input-HTML.html

<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 recedendum. Quisque ut dolor gravida, placerat libero vel, euismod. Etiam habebis sem dicantur magna mollis euismod. Quisque placerat facilisis egestas cillum dolore.</p>
<p>Fictum,  deserunt mollit anim laborum astutumque! Quam diu etiam furor iste tuus nos eludet? Unam incolunt Belgae, aliam Aquitani, tertiam. Magna pars studiorum, prodita quaerimus. Sed haec quis possit intrepidus aestimare tellus.</p>

SassMeister-input.scss

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

@import 'modular-scale';

// $ms-base: 1em 1.333em;
// $ms-ratio: 1.5;

$headings: h6, h5, h4, h3, h2, h1;

@for $h from 1 through length($headings) {
  #{nth($headings, $h)} {
    font-size: ms($h - 1);
    margin: 0 0 ms($h * -1) 0;
  }
}

#{$headings} {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1;
}

p {
  margin: 0 0 ms(-1) 0;
}

body {
  line-height: $ms-ratio;
  max-width: 40em;
  margin: 2em auto;
}

SassMeister-output.css

h6 {
  font-size: 1em;
  margin: 0 0 0.61803em 0;
}

h5 {
  font-size: 1.61803em;
  margin: 0 0 0.38197em 0;
}

h4 {
  font-size: 2.61803em;
  margin: 0 0 0.23607em 0;
}

h3 {
  font-size: 4.23607em;
  margin: 0 0 0.1459em 0;
}

h2 {
  font-size: 6.8541em;
  margin: 0 0 0.09017em 0;
}

h1 {
  font-size: 11.09017em;
  margin: 0 0 0.05573em 0;
}

h6, h5, h4, h3, h2, h1 {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1;
}

p {
  margin: 0 0 0.61803em 0;
}

body {
  line-height: 1.61803;
  max-width: 40em;
  margin: 2em auto;
}

SassMeister-rendered.html

<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 recedendum. Quisque ut dolor gravida, placerat libero vel, euismod. Etiam habebis sem dicantur magna mollis euismod. Quisque placerat facilisis egestas cillum dolore.</p>
<p>Fictum,  deserunt mollit anim laborum astutumque! Quam diu etiam furor iste tuus nos eludet? Unam incolunt Belgae, aliam Aquitani, tertiam. Magna pars studiorum, prodita quaerimus. Sed haec quis possit intrepidus aestimare tellus.</p>