How to make Foundation and Pattern Lab, work for Drupal?

388 Views Asked by At

How to combine console Gulp with Twig? Thanks!

1

There are 1 best solutions below

2
On

You may want to check out Starterkits. See this basic documentation about them.

The main point is that a starterkit is a collection of frontend assets and patterns, which can be plugged into Pattern Lab.

They usually consiste of the following:

_annotations/ _data/ _meta/ _patterns/ css/ fonts/ images/ js/ favicon.ico

css, fonts, images, js will contain the Foundation library code you care about, if it applies.

_patterns/ is where you can start building out twig code files with the right classes to realize your design.

_meta/ should also contain your header and footer twig snippet to be included with every pattern.

If you want something to start from, you can probably augment the existing drupal startkit over on Github.

Good luck!