@s9a/volume

Pump up font v o l u m e

Usage no npm install needed!

<script type="module">
  import s9aVolume from 'https://cdn.skypack.dev/@s9a/volume';
</script>

README

volume

#pumpupthefontvolume

@latest

npm install @s9a/volume

<link rel=stylesheet href=...volume.css>

CSS classes

++ font-size

  • .volume-0 thru .volume-10
  • .volume-unset

-- letter-spacing

  • .cram-0 thru .cram-10
  • .cram-unset

++ letter-spacing

  • .sustain-0 thru .sustain-10
  • .sustain-unset

++ word-spacing

  • .breathe-0 thru .breathe-10
  • .breathe-unset

++ line-height

  • .rhythm-0 thru .rhythm-10
  • .rhythm-unset

HTML usage

<p class="volume-2 cram-1 breathe-5">
  I can feel the <b class="sustain-6">pressure</b>
</p>

#pumpupthefontvolume