# @coopdigital/foundations-global

> CSS Foundations: Global

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

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

## Install

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

## Health

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

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 3.3.5 |
| Published | 2021-06-28 |
| First published | 2018-11-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 6.2 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-global
- 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-global

## Recent versions

- 3.3.5 (latest) — 2021-06-28
- 3.3.4 — 2021-02-19
- 3.3.3 — 2021-02-18
- 3.3.2 — 2021-02-15
- 3.3.1 — 2020-11-20
- 3.3.0 — 2020-11-19
- 3.2.3 — 2020-11-12
- 3.2.2 — 2020-11-03
- 3.2.1 — 2020-10-30
- 3.2.0 — 2020-10-28
- 3.1.21 — 2020-10-27
- 3.1.20 — 2020-10-26
- 3.1.19 — 2020-10-20
- 3.1.18 — 2020-10-08
- 3.1.17 — 2020-09-30
- … 35 more at https://npm.io/package/@coopdigital/foundations-global/versions

## README

# Co-op Foundations: Global
Styles available in the global scope of projects. It includes the styles for the Co-op logo.

## How to use
1. Install via NPM:
  ```bash
  $ npm install @coopdigital/foundations-global --save
  ```
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.

## Usage
You can include `@coopdigital/foundations-colors` in your project by referencing it from your existing CSS via `@import` statement, i.e.:
```css
@import "node_modules/@coopdigital/foundations-global/dist/global.css";
```

If you use PostCSS in your build pipeline, you can reference the sources directly like so:
```css
@import "node_modules/@coopdigital/foundations-global/src/global.pcss";
```

If you use a `postcss-import` plugin, it gets even easier:
```css
@import "@coopdigital/foundations-global";
```

HTML can be copied from the example on the design system website or can be found in the `/dist` folder in the package.

## Development
For information on how to develop this package see the [developing foundations and components forthe design system documentation](https://github.com/coopdigital/coop-frontend/blob/master/packages/README.md).

## Changelog

### 3.2.0 (Feature release)
Feature
We’ve added a padding class so logo meets minimum tap target size.

_Previous releases did not have notes_



## 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-global · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._