Spinnaker Styleguide

This is the collection of reusable Spinnaker patterns.

What does it include?

• A collection of CSS files with reusable UI elements
• Style guide generator (gulpfile.js)
• Style guide generated in public/ directory
• Style guide template in src/styleguide-template

How to edit

• yarn
• yarn start
• Gulp monitors for changes to styles css and styleguide-template and rebuild the styleguide and the css vars json
• Visit localhost:7101 to see the style guide

Usage

• yarn add @spinnaker/styleguide
• get the /public/styleguide.min.css for the full CSS pattern library
• get css-vars.json for the variables

Contributions

Please use the guidelines here to submit a PR

Issues

Please create any issues here