Naysayers Promote Misery

    This package has been deprecated

    Author message:

    Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

    @coopdigital/foundations-colors

    2.6.6 • Public • Published

    CSS Foundations: Colors

    This CSS module provides helper and utility classes that allow you to apply Co-op's brand colours to your frontend applications and websites.

    Installation

    Install via npm or Yarn:

    $ npm install @coopdigital/foundations-colors --save
    # OR
    $ yarn add @coopdigital/foundations-colors

    Usage

    You can include @coopdigital/foundations-colors in your project by referencing it from your existing CSS via @import statement, i.e.:

    @import "node_modules/@coopdigital/foundations-colors/dist/colors.css";

    If you use PostCSS in your build pipeline, you can reference the sources directly like so:

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

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

    @import "@coopdigital/foundations-colors";

    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.

    Keywords

    none

    Install

    npm i @coopdigital/foundations-colors

    DownloadsWeekly Downloads

    190

    Version

    2.6.6

    License

    MIT

    Unpacked Size

    113 kB

    Total Files

    8

    Last publish

    Collaborators

    • matt-tyas
    • joemcgirr
    • mchadwickweb
    • hanross
    • dalefrontend
    • coopjames