Skip to content

spinnaker/styleguide

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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