Skip to content

Testing out a live style guide for our styles (not to be confused with our CSS style guide)

License

Notifications You must be signed in to change notification settings

aeo/kalei

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Kalei - Style guide

This project aims at making sure your style sheets are fully documented whilst being synchronized with your webpages styles. To do this it actually uses your live stylesheets in so that at anytime you can review how your styleguide looks.

Main goals and benefits

  • Fully documented CSS - No need to explain the benefits
  • No dependencies, simply download the repository and run in your browser
  • Automatic generation of demo UI components
  • Easy access for anyone, designer, developer, manager and users
  • Rapid development of projects by allowing developers to find the correct CSS and HTML for any given UI component
  • Open sourced so that all great ideas can be included

Getting started

  1. Download the repository (git clone git://github.com/thomasdavis/kalei.git)
  2. Serve it on a HTTP server and it should work!
  3. Edit js/config.js to point at your own styles.css

Author

Thomas Davis

Need more contributors to give it a nicer style and more functionality

Inspiration

Kalei is heavily influenced by the following projects and blog posts.

Pea.rs

KSS

StyleDocco

RJ Metrics

Anchoring Your Design Language in a Live Style Guide

Technologies

License

Public domain: http://unlicense.org/

Clicky

About

Testing out a live style guide for our styles (not to be confused with our CSS style guide)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%