JSFiddle - React, Tailwind, and code Playground

by kthornbloom

HTML

<div class="type-medium">
  <h1>Hello there.</h1>
</div>

<div class="type-medium">
  <h1 data-scale="1.5">Hello there.</h1>
</div>

<div class="type-medium">
  <h1 data-scale=".75">Hello there.</h1>
</div>

SCSS

.type-medium {
  h1 {
    font-size: 40px;
  }
}

h1 {
  font-size: attr(data-scale);
}