How to setup
There are three ways you can download Typesettings.
- Download the latest release
- Clone the repo:
git clone https://github.com/ianrose/typesettings.git
- Install with Bower:
bower install typesettings --save-dev
To start using Typesettings
_typesettings.scss partial into your Sass project after your CSS reset.
How to use
After Typesettings is setup in your project the default type styles should be looking good. However I bet you want to use modular scale and vertical rhythm in the rest of your project. Here is an example of how to do that:
The outputted CSS:
You can also look at the source code of this site to see how it was made using Typesettings.
Sass, that’s it.
Typesettings uses relative units and many of the values outputted are a result of dividing and multiplying. So a computed pixel value like
17.999999px will sometimes happen.