Typesettings

Typesettings uses EMs to set the page's text display settings, a percentage-based measuring unit for type on the Web.

Typesettings works by automatically taking the available free space and browser width, adjusting text size accordingly, making sure the text fits on the screen and the page keeps an easy to follow vertical rhythm.

The library is ideal for headlines and dynamic headers, making sure that on small screen devices the title of a page and article headers don't go off-screen or cover up most of it.

It also relies on SASS functions to dynamically calculate the best display settings, adjusting values in real-time and according to a modular scale, and keeping baseline, border and padding settings in sync with the resized text.

What is new in this release:

• Adds silent options to setType and setLeading mixins.

What is new in version 2.4.0:

• Adds silent options to setType and setLeading mixins.

What is new in version 2.3.3:

• Adds silent options to setType and setLeading mixins.

What is new in version 2.2.0:

• Adds warning for floating point line values.

What is new in version 2.0.0:

• Fixed double base-em-font-size compounding with Typesetted.
• Added baseline overlays via a .va-debug class.

What is new in version 1.3.1:

• Fixed the import in an if statement error.

Requirements:

• SASS / SCSS