Design/Living style guide


 * See it at http://tools.wmflabs.org/styleguide

A living style guide is a tool for improved documentation of style sheets. A living style guide is a piece of documentation, but unlike a static style guide (say, a wiki page or PDF), it is generated on the fly from the live CSS used in production. This allows us to view styles as they are live on the site, and inline comments can be added to document the purpose of a particular style or set of styles. There are a number of great tools already out there for generating a living style guide, but we currently are experimenting with KSS.

Standalone styleguide
A to build a static styleguide using kss-node is now part of MediaWiki core. People publish the generated HTML at various locations.
 * http://tools.wmflabs.org/styleguide
 * eventually continuous integration should rebuild the styleguide as needed at http://doc.wikimedia.org
 * a version of the desktop showing 2014 button styles in development is at http://ee-flow-extra.instance-proxy.wmflabs.org/w/resources/mediawiki.ui/docs/

The downside of being standalone is you can't see how how styles behave with different skins and Beta features enabled. built a styleguide in MediaWiki, viewable at Special:StyleGuide