# @coopdigital/foundations-layout

> CSS Foundations: Layout

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

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

## Install

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

## Health

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

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 3.3.6 |
| Published | 2021-06-28 |
| First published | 2018-11-12 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 44.3 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-layout
- 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-layout

## Recent versions

- 3.3.6 (latest) — 2021-06-28
- 3.3.5 — 2021-03-29
- 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.10 — 2020-11-12
- 3.2.9 — 2020-11-03
- 3.2.8 — 2020-10-30
- 3.2.7 — 2020-10-27
- 3.2.6 — 2020-10-26
- 3.2.5 — 2020-10-20
- 3.2.4 — 2020-10-08
- 3.2.3 — 2020-09-30
- … 33 more at https://npm.io/package/@coopdigital/foundations-layout/versions

## README

> **DEPRECATED ⚠️ - This repository has been deprecated in favour of the new [Co-op Front-end repository](https://github.com/coopdigital/coop-frontend). Please use this new repo to manage code or raise an issues.**

# CSS Foundations: Layout
Utilities helpful in composing layouts using CSS Foundations.

## Installation
Install via `npm` or Yarn:
```bash
$ npm install @coopdigital/foundations-layout --save
# OR
$ yarn add @coopdigital/foundations-layout
```

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

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

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

## Examples
Here's a bunch of examples, showing how you can integrate this CSS module in your project, based on most popular stacks 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 certain dependencies, which should be consumed by your frontend toolkit to postprocess the CSS correctly.

### Vue.js
TBD

### React.js
TBD

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