@getbase/typography v4.1.1

Base Typography

Base Typography is designed in a way where you can add it on top of the Base CSS framework or to your own custom project.

Table of contents

• Overview
• Installation
• Documentation
• Demo
• Support
• Authors
• License

Overview

Base Typography contains styles for headings, copy, blockquotes, codeblocks, lists and all other standard typography.

Installation

If you have an existing project and would like to include the Base typography module, run the following command:

npm install --save @getbase/typography

Once you have the typography module installed, you can include it in your CSS/LESS/SCSS file with one of the following ways:

CSS Import:

@import url("https://unpkg.com/@getbase/typography/index.css");

SCSS Import:

/* Import Base Typography */
@import "~@getbase/typography/scss/index";
/* Your Other Styles */
@import "main"

LESS Import:

/* Import Base Typography */
@import "~@getbase/typography/less/index";
/* Your Other Styles */
@import "main"

Documentation

Base Typography includes styles for headings (h1 - h6), heading helpers (.fs-1 - .fs-6), links, horizontal lines, and general typography.

Helpers (Applies to SCSS/LESS)

SCSS

Variables

LESS

Variables

Demo

View page example with the typography stylesheet applied.

Support

• IE10+ and all other modern browsers.
• Please specify browsers you need to support in package.json according to browserslist docs.

Authors

Matthew Hartman

• https://twitter.com/matthewhartmans
• https://github.com/matthewhartman

License

Code released under the MIT Open Source license.