@wocss/settings-typography

2.0.3 • Public • Published

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 (...)

Package Sidebar

Install

npm i @wocss/settings-typography

Weekly Downloads

2

Version

2.0.3

License

MIT

Unpacked Size

4.01 kB

Total Files

4

Last publish

Collaborators

  • wochap