Skip to main content
Version: Next

Line Height

Line Height

Utilities for controlling the leading (line height) of an element.

NamespaceOutput
leading-none{ lineHeight: 1 }
leading-tight{ lineHeight: 1.25 }
leading-snug{ lineHeight: 1.375 }
leading-normal{ lineHeight: 1.5 }
leading-relaxed{ lineHeight: 1.625 }
leading-loose{ lineHeight: 2 }
leading-3{ lineHeight: 12 }
leading-4{ lineHeight: 16 }
leading-5{ lineHeight: 20 }
leading-6{ lineHeight: 24 }
leading-7{ lineHeight: 28 }
leading-8{ lineHeight: 32 }
leading-9{ lineHeight: 36 }
leading-10{ lineHeight: 40 }

Custom Line Height

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

export default {
// line height
lineHeight: {
big: 14,
},
};

you can use it with syntax leading-big