Package Exports

@fakesamgregory/brand

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@fakesamgregory/brand) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

BrAND

BrAND is a CSS library that should be used for all AND Digital products to maintain consistency and branding. It should speed up intial set up and help you remain on brand even if it changes.

For more information on how to use BrAND, visit the Wiki

Quick start

Several quick start options are available:

Download the latest release.
Clone the repo: git clone https://github.com/ANDigital/and-brand.git.
Install with npm: npm i @fakesamgregory/brand --save-dev.

Check the Wiki for information on getting started and how to use the library.

CDN

Coming soon...

NPM

To install BrAND in your node modules simply run...

npm i @fakesamgregory/brand

SASS

BrAND uses SASS to build its components and modules.

brand-components.scss - 'Atoms' (lighter, fluffier).
brand.scss - Including modules

// your-main.scss

@import "node_modules/@fakesamgregory/brand/scss/brand-components"; 

// or 
@import "node_modules/@fakesamgregory/brand/scss/brand";

You can override some variables such as the breakpoints. Just include these variables before brand to override. Brand uses Bootstraps mobile-first grid.

More info in Theming.

Fonts

BrAND uses assets stored on the CDN to load fonts and icons so you will need to include this in the head of your page.

<link rel="stylesheet" href="https://s3-eu-west-1.amazonaws.com/static.andigital.com/fonts/fonts.css" type="text/css">

Issues and features

Please raise all feature and issues on Github. Follow the guidelines for information and guidelines on raising an issue.