Main typography pack for Seed!
npm install seed-typography --save
Check out our styleguide for documentation of this pack.
This seed pack needs to be imported into your sass pipeline. Below is an example using Gulp:
var gulp = ;var sass = ;var seedTypography = ;gulp;
Once that is setup, simply
@import seed-typography as needed in your
Note: Because seed-typography has dependencies, its includePaths output will be an
array. If you're including other paths in addition to seed-typography, you will need to flatten the array. An easy way to do this is to use sass-pathfinder.
Example with sass-pathfinder:
var gulp = ;var sass = ;var seedTypography = ;var pathfinder = ;gulp;
The following variables can be found in
// Namespaces// Important (Typical convention for utility purposes)// Alignment) !// Break) !// Decoration) !// Heading sizes) !// Headline sizes1: 52: 43: 44: 3) !// Generic sizes) !// Line-height) !// Transform) !// Weights) !// White space);// Wrap) !
July 17, 2016
We've updated the default namespace of text classes from
tx-. Following the ITCSS convention,
t- is reserved for "theme" classes.
A huge thanks to Alisdair for his collaboration in defining the
tx prefix for text classes!