Generated by SassMeister.com.

SassMeister-input-HTML.html

<h1>The Quick Brown Fox</h1>
<h2>Jumps over the yellow dog</h2>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Primum cur ista res digna odio est, nisi quod est turpis? Qua tu etiam inprudens utebare non numquam. Tanta vis admonitionis inest in locis; Mihi enim satis est, ipsis non satis. Sine ea igitur iucunde negat posse se vivere? Quamquam tu hanc copiosiorem etiam soles dicere. Duo Reges: constructio interrete. Quid turpius quam sapientis vitam ex insipientium sermone pendere? Quorum altera prosunt, nocent altera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Videamus igitur sententias eorum, tum ad verba redeamus. Quo modo autem optimum, si bonum praeterea nullum est? Tecum optime, deinde etiam cum mediocri amico. Sed quanta sit alias, nunc tantum possitne esse tanta. Duo Reges: constructio interrete. Quid enim possumus hoc agere divinius? 
Tu enim ista lenius, hic Stoicorum more nos vexat. Quae cum magnifice primo dici viderentur, considerata minus probabantur. Quasi ego id curem, quid ille aiat aut neget. Res enim se praeclare habebat, et quidem in utraque parte. Certe nihil nisi quod possit ipsum propter se iure laudari. In quo etsi est magnus, tamen nova pleraque et perpauca de moribus. Quamquam id quidem licebit iis existimare, qui legerint. Quis enim redargueret? 
Tubulo putas dicere? Sed ille, ut dixi, vitiose. Dempta enim aeternitate nihilo beatior Iuppiter quam Epicurus; Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Paulum, cum regem Persem captum adduceret, eodem flumine invectio? Expressa vero in iis aetatibus, quae iam confirmatae sunt. Illa videamus, quae a te de amicitia dicta sunt. Si verbum sequimur, primum longius verbum praepositum quam bonum. Sic enim censent, oportunitatis esse beate vivere. Si longus, levis dictata sunt.
</p>

<h3>He jumps a lot</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Primum cur ista res digna odio est, nisi quod est turpis? Qua tu etiam inprudens utebare non numquam. Tanta vis admonitionis inest in locis; Mihi enim satis est, ipsis non satis. Sine ea igitur iucunde negat posse se vivere? Quamquam tu hanc copiosiorem etiam soles dicere. Duo Reges: constructio interrete. Quid turpius quam sapientis vitam ex insipientium sermone pendere? Quorum altera prosunt, nocent altera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Videamus igitur sententias eorum, tum ad verba redeamus. Quo modo autem optimum, si bonum praeterea nullum est? Tecum optime, deinde etiam cum mediocri amico. Sed quanta sit alias, nunc tantum possitne esse tanta. Duo Reges: constructio interrete. Quid enim possumus hoc agere divinius? 
Tu enim ista lenius, hic Stoicorum more nos vexat. Quae cum magnifice primo dici viderentur, considerata minus probabantur. Quasi ego id curem, quid ille aiat aut neget. Res enim se praeclare habebat, et quidem in utraque parte. Certe nihil nisi quod possit ipsum propter se iure laudari. In quo etsi est magnus, tamen nova pleraque et perpauca de moribus. Quamquam id quidem licebit iis existimare, qui legerint. Quis enim redargueret? 
Tubulo putas dicere? Sed ille, ut dixi, vitiose. Dempta enim aeternitate nihilo beatior Iuppiter quam Epicurus; Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Paulum, cum regem Persem captum adduceret, eodem flumine invectio? Expressa vero in iis aetatibus, quae iam confirmatae sunt. Illa videamus, quae a te de amicitia dicta sunt. Si verbum sequimur, primum longius verbum praepositum quam bonum. Sic enim censent, oportunitatis esse beate vivere. Si longus, levis dictata sunt.
</p>

SassMeister-input.scss

// ----
// Sass (v3.3.6)
// Compass (v1.0.0.alpha.18)
// Breakpoint (v)
// Breakpoint Slicer (v)
// Modular Scale (v)
// ----

@import "modular-scale";
@import "breakpoint-slicer";

$ms-base: 1.125rem;
$ms-ratio: $fifth;

body{ padding: ms(3); }

h1 {
  font-size: ms(4);
  margin: 0 0 ms(2) 0;
}

h2 {
  font-size: ms(1);
  margin: 0 0 ms(1) 0;
}

h3 {
  font-size: ms(0);
  margin: 0 0 ms(0) 0;
}

p {
  font-size: ms(0);
  line-height: ms(1);
  margin: 0 0 ms(0) 0;
}

SassMeister-output.css

body {
  padding: 3.79688rem;
}

h1 {
  font-size: 5.69531rem;
  margin: 0 0 2.53125rem 0;
}

h2 {
  font-size: 1.6875rem;
  margin: 0 0 1.6875rem 0;
}

h3 {
  font-size: 1.125rem;
  margin: 0 0 1.125rem 0;
}

p {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin: 0 0 1.125rem 0;
}

SassMeister-rendered.html

<h1>The Quick Brown Fox</h1>
<h2>Jumps over the yellow dog</h2>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Primum cur ista res digna odio est, nisi quod est turpis? Qua tu etiam inprudens utebare non numquam. Tanta vis admonitionis inest in locis; Mihi enim satis est, ipsis non satis. Sine ea igitur iucunde negat posse se vivere? Quamquam tu hanc copiosiorem etiam soles dicere. Duo Reges: constructio interrete. Quid turpius quam sapientis vitam ex insipientium sermone pendere? Quorum altera prosunt, nocent altera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Videamus igitur sententias eorum, tum ad verba redeamus. Quo modo autem optimum, si bonum praeterea nullum est? Tecum optime, deinde etiam cum mediocri amico. Sed quanta sit alias, nunc tantum possitne esse tanta. Duo Reges: constructio interrete. Quid enim possumus hoc agere divinius? 
Tu enim ista lenius, hic Stoicorum more nos vexat. Quae cum magnifice primo dici viderentur, considerata minus probabantur. Quasi ego id curem, quid ille aiat aut neget. Res enim se praeclare habebat, et quidem in utraque parte. Certe nihil nisi quod possit ipsum propter se iure laudari. In quo etsi est magnus, tamen nova pleraque et perpauca de moribus. Quamquam id quidem licebit iis existimare, qui legerint. Quis enim redargueret? 
Tubulo putas dicere? Sed ille, ut dixi, vitiose. Dempta enim aeternitate nihilo beatior Iuppiter quam Epicurus; Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Paulum, cum regem Persem captum adduceret, eodem flumine invectio? Expressa vero in iis aetatibus, quae iam confirmatae sunt. Illa videamus, quae a te de amicitia dicta sunt. Si verbum sequimur, primum longius verbum praepositum quam bonum. Sic enim censent, oportunitatis esse beate vivere. Si longus, levis dictata sunt.
</p>

<h3>He jumps a lot</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Primum cur ista res digna odio est, nisi quod est turpis? Qua tu etiam inprudens utebare non numquam. Tanta vis admonitionis inest in locis; Mihi enim satis est, ipsis non satis. Sine ea igitur iucunde negat posse se vivere? Quamquam tu hanc copiosiorem etiam soles dicere. Duo Reges: constructio interrete. Quid turpius quam sapientis vitam ex insipientium sermone pendere? Quorum altera prosunt, nocent altera.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Videamus igitur sententias eorum, tum ad verba redeamus. Quo modo autem optimum, si bonum praeterea nullum est? Tecum optime, deinde etiam cum mediocri amico. Sed quanta sit alias, nunc tantum possitne esse tanta. Duo Reges: constructio interrete. Quid enim possumus hoc agere divinius? 
Tu enim ista lenius, hic Stoicorum more nos vexat. Quae cum magnifice primo dici viderentur, considerata minus probabantur. Quasi ego id curem, quid ille aiat aut neget. Res enim se praeclare habebat, et quidem in utraque parte. Certe nihil nisi quod possit ipsum propter se iure laudari. In quo etsi est magnus, tamen nova pleraque et perpauca de moribus. Quamquam id quidem licebit iis existimare, qui legerint. Quis enim redargueret? 
Tubulo putas dicere? Sed ille, ut dixi, vitiose. Dempta enim aeternitate nihilo beatior Iuppiter quam Epicurus; Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Paulum, cum regem Persem captum adduceret, eodem flumine invectio? Expressa vero in iis aetatibus, quae iam confirmatae sunt. Illa videamus, quae a te de amicitia dicta sunt. Si verbum sequimur, primum longius verbum praepositum quam bonum. Sic enim censent, oportunitatis esse beate vivere. Si longus, levis dictata sunt.
</p>