How to add letter-spacing to the typography rules?

[JonQuayle]

Hi,

I've looked through the docs at great length but I can't see how I would add letter-spacing to the typography, specifically, different spacing for each H1, H2, H3 and so on.

Is there a way to do this with the way the typography and responsive sizes work?

Thanks

Jon

[sebastiano-guerriero]

Hi there 👋 sure thing, you can insert your own typography rules in the custom-style/_typography.scss file of the framework. For example:

h1, h2, h3, h4 {
  letter-spacing: 0.1em;
}

[JonQuayle]

Ahh I see, thanks. I thought it might use a css variable to work with the font size and line height. Excellent framework by the way!

Thanks!

[sebastiano-guerriero]

no prob! and glad to hear the framework is being useful 😉