# @coopdigital/foundations-typography

> Co-op Foundations: Typography

Latest version **4.2.7** (published 2021-06-28) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @coopdigital/foundations-typography
pnpm add @coopdigital/foundations-typography
yarn add @coopdigital/foundations-typography
bun add @coopdigital/foundations-typography
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 4.2.7 |
| Published | 2021-06-28 |
| First published | 2018-11-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 35.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | @coopdigital |
| Maintainers | coopjames, mark.sampson, matt-tyas, mchadwickweb, desmondporkpie, froddd, gurpreet, hanross, jcpeden, lisap88, dalefrontend, colinrotherham, danwlsn, su00ji |

## Links

- npm: https://www.npmjs.com/package/@coopdigital/foundations-typography
- Repository: https://github.com/coopdigital/coop-frontend
- Homepage: https://github.com/coopdigital/coop-frontend#readme
- Issues: https://github.com/coopdigital/coop-frontend/issues
- npm.io page: https://npm.io/package/@coopdigital/foundations-typography

## Recent versions

- 4.2.7 (latest) — 2021-06-28
- 4.2.6 — 2021-06-10
- 4.2.5 — 2021-02-19
- 4.2.4 — 2021-02-18
- 4.2.3 — 2021-02-15
- 4.2.2 — 2020-12-03
- 4.2.1 — 2020-11-20
- 4.2.0 — 2020-11-19
- 4.1.27 — 2020-11-12
- 4.1.26 — 2020-11-03
- 4.1.25 — 2020-10-30
- 4.1.24 — 2020-10-27
- 4.1.23 — 2020-10-26
- 4.1.22 — 2020-10-20
- 4.1.21 — 2020-10-08
- … 45 more at https://npm.io/package/@coopdigital/foundations-typography/versions

## README

# Co-op Foundations: Typography
Baseline typographic setup for all Co-op's web projects.

## Dependencies (for PostCSS sources only)
- `@coopdigital/foundations-vars`
- `postcss`
- `precss`

## How to use
1. Install via `npm` or Yarn:
  ```bash
  $ npm install @coopdigital/foundations-typography --save
  $ yarn add @coopdigital/foundations-typography
  ```
2. Add CSS module to your application via a most appropriate method. This will entirely depend on your application and how you are currently loading CSS modules within it.

## Examples
Here's a bunch of examples, showing how you can integrate this CSS module in your project, based on most popular types of project. You can either use a post-processed and pre-built CSS form the `dist` directory, ot use PostCSS sources from the `src` dir.

The latter have two dependencies, which should be consumed by your frontend toolkit to postprocess the CSS correctly.

### Vue.js
In Vue, you can just reference it from a global component like so:
```css
<style>
/* Import PostCSS source */
@import "~@coopdigital/foundations-typography/src/typography.pcss";
/* Import postprocessed distributable CSS */
@import "~@coopdigital/foundations-typography/dist/typography.css";
</style>
```

### React.js
TBD

### Webpack
TBD


## License
Copyright (c) 2021 Co-operative Group Limited.
Licensed [MIT](https://github.com/coopdigital/coop-frontend/blob/master/LICENSE).

---
_Source: https://npm.io/package/@coopdigital/foundations-typography · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._