Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="ms010">ms -10</div>
<div class="ms04">ms -4</div>
<div class="ms0">ms 0</div>
<div class="ms7">ms 7</div>
<div class="ms17">ms 17</div>
<div class="ms21">ms 21</div>
<div class="ms28">ms 28</div>
<div class="ms34">ms 34</div>
<div class="ms41">ms 41</div>

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// Modular Scale (v2.0.6)
// ----

@import "modular-scale";

body {
  font-size: 100%;
}

$ms-base: 1em 1.75em;
$ms-ratio: $minor-second;

.ms010 {
  font-size: ms(-10);
}
.ms04 {
  font-size: ms(-4);
}
.ms0 {
  font-size: ms(0);
}
.ms7 {
  font-size: ms(7);
}
.ms17 {
  font-size: ms(17);
}
.ms21 {
  font-size: ms(21);
}
.ms28 {
  font-size: ms(28);
}
.ms34 {
  font-size: ms(34);
}
.ms41 {
  font-size: ms(41);
}

SassMeister-output.css

body {
  font-size: 100%;
}

.ms010 {
  font-size: 0.6365em;
}

.ms04 {
  font-size: 0.77248em;
}

.ms0 {
  font-size: 1em;
}

.ms7 {
  font-size: 1.26734em;
}

.ms17 {
  font-size: 1.75em;
}

.ms21 {
  font-size: 1.99111em;
}

.ms28 {
  font-size: 2.46832em;
}

.ms34 {
  font-size: 2.99563em;
}

.ms41 {
  font-size: 3.79649em;
}

SassMeister-rendered.html

<div class="ms010">ms -10</div>
<div class="ms04">ms -4</div>
<div class="ms0">ms 0</div>
<div class="ms7">ms 7</div>
<div class="ms17">ms 17</div>
<div class="ms21">ms 21</div>
<div class="ms28">ms 28</div>
<div class="ms34">ms 34</div>
<div class="ms41">ms 41</div>