Skip to content

Instantly share code, notes, and snippets.

Katie Fritz KatieMFritz

Block or report user

Report or block KatieMFritz

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
KatieMFritz /
Last active Feb 21, 2019
Automatic Color Swatches for Pattern Lab Node Gulp Mustache

Automatic Color Swatches for Pattern Lab Node Gulp Mustache

1. Install the necessary packages:

npm install --save-dev gulp-sass-json
npm install --save-dev gulp-rename
npm install --save-dev gulp-replace
KatieMFritz /
Last active Sep 27, 2017
Color swatches from YAML array for Pattern Lab Node edition
KatieMFritz /
Last active Jun 30, 2017
Add scss and parallel task support to PatternLab2 edition-php-twig-standard using Yarn.


  1. Assuming you already have npm, install Yarn: npm install --global yarn
  2. Add package.json to the root of your Pattern Lab. Change the name and version if you'd like.
  3. Install dependencies with yarn install
  4. Set up your CSS folder structure to match the sass-watch script, or edit the script to match your structure.

Folder structure

-- css
KatieMFritz /
Last active Oct 3, 2019
Add scss support to PatternLab2 edition-node-gulp

First install patternlab/edition-node-gulp.

Then update package.json and run npm install in the command line.

Then update gulpfile.js, then patternlab-config.json.

If you're renaming your default stylesheet, update it in source/_meta/_00-head.mustache.

Once everything is updated, test with gulp patternlab:build.

You can’t perform that action at this time.