@wocss/settings-typography NPM | npm.io

2.0.3 • Published 5 years ago

Install

Weekly downloads

1

License

MIT

Repository

Last release

5 years ago

TYPOGRAPHY

Setting

The @wocss/settings-typography module contains font size and weight variables for the framework. Feel free to reassign these variables.

Install using npm:

$ npm install @wocss/settings-typography --save

Usage

With a tool like webpack you can import this module writing:

@import '~@wocss/settings-typography';

Variables

Font sizes

Variable name	Default value
`$global-fz-xl`	`1.5em`
`$global-fz-lg`	`1.25em`
`$global-fz-md`	`1.1em`
`$global-fz-sm`	`0.9em`
`$global-fz-xs`	`0.75em`
`$global-fz-h00`	`3rem`
`$global-fz-h0`	`2.4rem`
`$global-fz-h1`	`2rem`
`$global-fz-h2`	`1.5rem`
`$global-fz-h3`	`1.25rem`
`$global-fz-h4`	`1rem`
`$global-fz-h5`	`$global-fz-h4`
`$global-fz-h6`	`$globa-fz-h4`
`$wocss-font-sizes`	`(...)`

Font weights

Variable name	Default value
`$global-fw-x-bold`	`800`
`$global-fw-bold`	`700`
`$global-fw-s-bold`	`600`
`$global-fw-regular`	`400`
`$global-fw-light`	`300`
`$wocss-font-weights`	`(...)`

bemit css itcss sass wocss

@infinitebrahmanuniverse/nolb-_woc @everything-registry/sub-chunk-1020 @wocss/utilities-basscss @wocss/starter-kit

5 years ago

5 years ago