@impact-x/typography v0.16.2

@impact-x/typography

Typography styling for products using Impact X design system.

Installation

To install @impact-x/typography in your project, run the following command:

npm install -S @impact-x/typography

If you prefer Yarn, use the following command instead:

yarn add @impact-x/typography

Usage

The typography package provides variables in both Sass and JavaScript to set your font family, and style type weights and colors.

Sass

@import '~@impact-x/typography';

a {
  font-size: $ix-font-size-s;
}`

JavaScript

import '@impact-x/typography';

export default () => (
  <h1 style={{ fontSize: `${ixFontSizeS}` }}>Your heading</h1>
);

API documentation

https://tw-impact-x.thoughtworks-labs.net/#/Basics/Typography