badc-styleguide

Style guide for BADC.
800
Install
npm install badc-styleguide
Latest Version:0.6.24
Vue:2
License:MIT
Last Updated:Apr 21, 2020
Links: npm
Maintainer: nbirus

Build Status

How to run the style-guide locally:

npm install
npm run serve

Open http://localhost:6060


### How to create a new BADC project
  1. Clone badc-ui-template (this repo contains its own installation of vuetify)

  2. Update colors per project in /plugins/vuetify.js

import Vue from 'vue';
import Vuetify from 'vuetify/lib';
import colors from 'badc-styleguide/theme/colors'

Vue.use(Vuetify);

export default new Vuetify({
  theme: {
    themes: {
      light: Object.freeze({

        // define base BADC color pallete
        ...colors,
    
        // define project colors
        primary: colors.blue,
        secondary: colors.purple,
        accent: colors.indigo,
        error: colors.red,
        info: colors.cyan,
        success: colors.green,
        warning: colors.yellow,
    
      })
    }
  },
});

Version History

Version Released Vue License
0.6.24 ^2.5.16 MIT
0.6.23 ^2.5.16 MIT
0.6.22 ^2.5.16 MIT
0.6.21 ^2.5.16 MIT
0.6.20 ^2.5.16 MIT