kalevitan / climboot

Demonstrate Pattern Lab integration with Drupal 8

Climboot

Drupal 8 Theme w/ Pattern Lab

This is simple Drupal 8 theme with Pattern Lab conveniently integrated. The theme relies on Bootstrap 4 as the underlining front-end framework (Requires jQuery 3). Composer is used to manage the PHP edition of Pattern Lab. Node is used for the theme's asset compiling, as well as managing pattern generation.

Build Prereqs

• PHP 5.4+
• Composer
• npm
• Grunt

Following commands should be ran from the theme's directory

Quick-start Guide 🚀

npm run start

Issues install commands, as well as kicks off the Grunt task that compiles, generates and serves up the theme's Pattern Lab instance.

Not so Quick-start Guide 🚄

Install Pattern Lab dependencies

composer install -d components

Install Pattern Lab dependencies inside the components directory

Install node dependencies

npm install

Install node dependencies

Grunt Commands

grunt

(Default) Simple asset compiling and pattern generation with Grunt

grunt pl:watch

Compile and generate, while watching for changes

grunt pl:serve

Compile and generate, while watching for changes, but serve it up on 3000