Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aleksip/pattern-lab-project

A starting point for new Pattern Lab projects
https://github.com/aleksip/pattern-lab-project

atomic-design browsersync drupal drupal-7 drupal-8 gulp pattern-lab sass twig

Last synced: 3 days ago
JSON representation

A starting point for new Pattern Lab projects

Awesome Lists containing this project

README

        

# Pattern Lab Project

A starting point for new web projects using using [atomic design](http://bradfrost.com/blog/post/atomic-web-design/) methodology and Pattern Lab. Especially designed for Drupal theme projects, with support for both Twig and PHPTemplate templates.

## Features

- [Pattern Lab](http://patternlab.io/) ([Twig](https://github.com/pattern-lab/edition-php-twig-standard) and [PHPTemplate](https://github.com/aleksip/edition-php-tpl) editions)
- [Gulp](http://gulpjs.com/)
- [Sass](http://sass-lang.com/)
- [Browsersync](https://browsersync.io/)
- [shila-css](https://github.com/aleksip/shila-css)

## Getting started

### Prerequisites

[npm](https://nodejs.org/) and [Composer](https://getcomposer.org/) installed.

### Installing

```bash
npm install
```

#### Pattern Lab Standard Edition for Twig

````bash
npm run install-pattern-lab-twig
````

#### Pattern Lab Edition for .tpl.php templates

````bash
npm run install-pattern-lab-tpl
````