Letter Spacing Responsive

Yes, even letter-spacing gets responsive love in Beard. Why would you need responsive letter-spacing? Whenever spaced out text changes in size, it's helpful to have the letter-spacing change with it. These helpers make it easy to do so in a similar way to the font-sizing helpers.

Class Value
.ls1 letter-spacing: 0.1rem
.ls2 letter-spacing: 0.2rem
.ls3 letter-spacing: 0.3rem
.ls4 letter-spacing: 0.4rem
.ls5 letter-spacing: 0.5rem
.ls6 letter-spacing: 0.6rem
.ls7 letter-spacing: 0.7rem
.ls8 letter-spacing: 0.8rem
.ls9 letter-spacing: 0.9rem
.ls10 letter-spacing: 1.0rem

Example:


<h1 class="ls2 md-ls4 xlg-ls7">Eye-Catching Heading!!!</h1>

The text above would be aligned left by default, center on the medium breakpoint, right on the large breakpoint, and back to left on the extra large breakpoint.