This package has been deprecated

Author message:

The code within this package has now been moved into our new @coopdigital/foundations package.

@coopdigital/foundations-layout

DEPRECATED ⚠️ - This repository has been deprecated in favour of the new Co-op Front-end repository. 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:

$ 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.:

@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:

@import "node_modules/@coopdigital/foundations-layout/src/layout.pcss";

If you use a postcss-import plugin, it gets even easier:

@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.