@ekstra-bladet/eb-fonts

EB Fonts

EB fonts for SCSS and CSS

Installation

npm install ebudvikling/eb-fonts --save

Usage

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