Pump up font volume. Responsive font sizing baked @s9a for creators worldwide
Clone or download
Latest commit 8586999 Sep 27, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.editorconfig package deets...json...editor...license (#2) Aug 24, 2018
LICENSE.md package deets...json...editor...license (#2) Aug 24, 2018
README.md
demo.css eureka volume (#1) Aug 24, 2018
index.html favor io destination (#5) Sep 27, 2018
package-lock.json
package.json
test.js package deets...json...editor...license (#2) Aug 24, 2018
volume.css

README.md

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