css

Vigour variables, assets and styles

Getting started

Install it:

npm i @vigour-io/css --save

Require it:

require('@vigour-io/css')

Use it:

const render = require('brisky/render')

const app = {
  icon: {
    type: 'icon',
    class: 'icon-menu'
  }
}

document.body.appendChild(render(element))

This repo configures:

• Font-family: FF Mark - Vigour-branded typeface
• The Vigour icon set
• The Vigour branded color palette:

:root {
  --color-a: #001e49; /* Dark Blue */
  --color-b: #00c4dd; /* Vigour Blue */
  --font-color-a: #001e49; /* Dark Blue */
  --font-color-b: #001e49; /* Dark Blue */
  --icon-color-a: #fff; /* White */
  --icon-color-b: #001e49; /* Dark Blue */
  --bg-color-a: #fff; /* White */
  --bg-color-b: #ff0049; /* Dark Blue */
  --accent-color-a: #ff0049; /* Vigour Crimson */
}