Theme Dev

This particle explore gantry.config.get('styles') and let you play with it.

Workspace

  1. Enable and use chrome-base Dev-tools.
  2. Add theme/workspace to dev-tools sources.
  3. Go to: scss/dummy.css, and do your experiment inside .theme-dummy 
    // dont delete this:
@import "function.scss";
@import "themedev-function.scss";
// your sandbox:
.theme-dummy {
}/* end of wraper */
  4. Use summaries items in Preview and make custome.
  5. This theme-dev is loaded after your styles and script, and only active inside this particle.
    So, when your done, put it into your styles to made it persistent.

Happy Theme-ing!

<-- svg def -->