Shila theme for Drupal 8

An atomic design and Pattern Lab friendly starting point for new Drupal 8 themes. Can be used stand-alone with Pattern Lab. Can be used as a Pattern Lab StarterKit as well.

Installing development dependencies

Prerequisites: npm installed.

In the Shila theme root directory run:

npm install

Please note that latest version of Shila theme always uses the latest version of shila-css, which is still in alpha and can introduce breaking changes. If you are pulling changes from the Shila theme repository be sure to also update to the latest version of shila-css. Or if basing your theme on a specific version of Shila theme be sure to specify the exact matching version of shila-css in package.json.

Integrating with Drupal

Required: Component Libraries module

Install and enable the Component Libraries module. No configuration is needed.

Optional: UI Patterns module

Install and enable the UI Patterns module. Some components have a ui_patterns.yml definition file, which enables them to be used with UI Patterns.

Integrating with Pattern Lab

Prerequisites: git and Composer installed.

In the Shila theme root directory run:

git clone https://github.com/pattern-lab/edition-php-drupal-standard pattern-lab

In the pattern-lab directory run:

composer install

In the file pattern-lab/config/config.yml change sourceDir and twigAutoescape like so:

sourceDir: ../dist
twigAutoescape: false

If everything went well you should now be able to generate the static Pattern Lab site. In the pattern-lab directory run:

php core/console --generate