Generating CSS

Note: The CSS Rule Saver library and CSS generation feature was added in v0.6.0 of the PHP version of Pattern Lab.

When using this feature, Pattern Lab can display only those CSS rules that affect a given pattern on the pattern detail view. This might be useful if you have a large Sass-generated CSS file or framework but only need a sub-set of styles that may affect a small piece of mark-up or pattern.

How to Generate the CSSpermalink

To generate your Pattern Lab site with CSS support on Mac OS X you can do the following:

  1. Open core/scripts/
  2. Double-click generateSiteWithCSS.command
  3. Refresh the Pattern Lab site