Nano typographic framework
- Work with normalize.css
- ~2593 bytes (gzipped size: 991 bytes)
- Vanilla CSS with minimal postcss plugins
<link href="littera/dest/root.css" rel="stylesheet" />
<link href="littera/dest/littera.css" rel="stylesheet" />
or
<style>
@import url("littera/dest/root.css");
@import url("littera/dest/littera.css");
</style>
You can customize fonts and colors using following custom properties
--font-primary
- font family for all text--font-mono
- mono font family--font-size-md
- base font size--line-height
- base line height--font-accent
- headings font
--fill-primary
- base background color
--text-primary
- all text font color--text-accent-primary
- font color for accent elements (like links, buttons etc.)--text-accent-secondary
- secondary font color for accent elements--text-accent-tertiary
- tertiary font color for accent elements--text-gray
- light grey color--text-gray-dark
- dark grey color