A unified style and components to use across Buffer applications and services
To use in your project. Use npm to install and use either Webpack or browserify to build your project:
$ npm install --save buffer-style
// ES5
var Card = require('buffer-style').Card;
// ES2015
import { Card } from 'buffer-style'
To use the css in your project copy the stylesheet from your node_modules
directory. Example:
$ cp ./node_modules/buffer-style/dist/css/style.css ./my-app/assets/style-code.css
$ git clone git@github.com:bufferapp/buffer-style.git
$ npm install
$ npm install -g gulp
This will start a server at http://localhost:3000
and auto-compile all css and
javascript bundles.
$ npm start
*Work in Progress*
To publish the style guide for consumption on npm, first run the prepublish task.
$ npm run prepublish
$ npm publish
To publish on Github pages run:
WARNING! Commit all changes! 😅👍
$ npm run github-pages
/src - all source files for react components and scss files
/public - all files for rendering the style guide only
/dist - all css and js files built to be included in other projects