This repository has been archived by the owner on Jul 29, 2019. It is now read-only.

wocss / settings.typography Public archive

Notifications You must be signed in to change notification settings
Fork 0
Star 0

[DEPRECATED] Font size and weight variables

0 stars 0 forks Branches Tags Activity

Name		Name	Last commit message	Last commit date
Latest commit History 7 Commits
README.md		README.md
_settings.typography.scss		_settings.typography.scss
package.json		package.json

Repository files navigation

This module is DEPRECATED

This module has been moved to the monorepo wocss (and renamed to @wocss/settings-typography)

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