@s9a/volume

Pump up font v o l u m e


Keywords
functional-css, functional css, composable css, letter-spacing, word-spacing, line-height, responsive, typography, composable, font-size, tracking, posters, poster, simple, design, cool, rwd, css, creative, opensource
License
ISC
Install
npm install @s9a/volume@0.1.0

Documentation

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