1.1.1 • Published 4 years ago
@ekstra-bladet/eb-fonts v1.1.1
EB Fonts
EB fonts for SCSS and CSS
Installation
npm install ebudvikling/eb-fonts --saveUsage
Variables and maps:
@import "node_modules/eb-fonts/src/all.scss";The above also adds styling to the following html elements: body, h1, h2, h3, h4, h5, h6, p
Only class styling
@import "node_modules/eb-fonts/src/all-onlyclassstyling.scss";Only size portion
from xxsmall to xxxlarge
@import "node_modules/eb-fonts/src/sizes/all.scss";Sizes
smartphone / mobile
| Size name | eb size mapping | font-size |
|---|---|---|
| xxsmall | ads | 7px |
| xsmall | timestamp | 10px |
| small | caption | 12px |
| medium | showmore | 15px |
| large | bodytext | 15px |
| xlarge | subtitle | 20px |
| xxlarge | quote | 20px |
| xxxlarge | title | 36px |
desktop && tablet
| Size name | eb size mapping | font-size |
|---|---|---|
| xxsmall | ads | 10px |
| xsmall | timestamp | 12px |
| small | caption | 14px |
| medium | showmore | 16px |
| large | bodytext | 18px |
| xlarge | subtitle | 20px |
| xxlarge | quote | 30px |
| xxxlarge | title | 50px |