Skip to main content
Version: Next

Letter Spacing

Letter Spacing

Utilities for controlling the tracking (letter spacing) of an element.

NamespaceOutput
tracking-tighter{ letterSpacing: -0.8 }
tracking-tight{ letterSpacing: -0.4 }
tracking-normal{ letterSpacing: 0 }
tracking-wide{ letterSpacing: 0.4 }
tracking-wider{ letterSpacing: 0.8 }
tracking-widest{ letterSpacing: 1.6 }

Custom Letter Spacing

If you didn't get suitable letter spacing for your project app, you can define your letter spacing by adding in osmi.config.js file:

export default {
// letter spacing
letterSpacing: {
big: 14,
},
};

you can use it with syntax tracking-big