Generator Lilly

Named after our first dog this generator fits mostly my needs and is created for my own requirements.

Thanks to Sascha Fuchs for the help and his framework Kittn for the inspiration.

Also thanks to David Hellmann and his baukasten boilerplate.

Requirements

* composer
* git

Nice to Have

* Craft CLI
* Wordpress CLI

External Libraries

- Include Media (include-media.com) - Easy Media Queries
- Modularscale Scss (modularscale.com, https://github.com/modularscale/modularscale-sass) - generate a Modular Scale
- family.scss (https://github.com/LukyVj/family.scss) - handy mixins managing nth-child
- lazysizes.js (https://github.com/aFarkas/lazysizes) - Lazyload Images
- fluid type mixin (http://www.sassmeister.com/gist/7f22e44ace49b5124eec)

Craft

If you have installed Craft CLI it will be used to install Craft otherwise please install it by yourself

We can give you two Config Presets
* NY Studio 107 Craft Multi Environment (Recommended)
* Hearty Conf

Laravel

If you choose to Install Laravel it will create a new Project with composer

Wordpress

When you choose Wordpress the installer will do a
fresh install of Wordpress via the WP-CLI tool, you need to install this tool http://wp-cli.org/

Install

``npm install -g generator-lilly`

Usage


Jump to your Project Folder and type:
`yo mh-boilerplate`

Yeoman will set all necessary paths and other configs in the config.json

Yeoman will initialize a git repo and will fire npm run init to initialize the project

Important Commands

$3

`
npm run init
`

$3

`
npm run dev
`
Runs webpack-dashboard so you have an overview of your build packages, including the Default Gulp Task with BrowserSync, also webpack is compiling JavaScript and CSS

$3

You can run every Gulp Task with
`
npm run gulp $TASK_NAME$
``

Special Thanks

- webdevs: Website
- Sascha Fuchs: GitHub
- David Hellmann: GitHub
- CSS Tricks - for Easing Map: Website
- Hugo Giraudel & Eduardo Bouças - for include media: Website
- @LukyVj - for family.scss: Website
- inuitcss - for some snippets and inspiration: website

--
Using functions of Hugo Giraudel
http://hugogiraudel.com/2013/08/05/offsets-sass-mixin/
http://www.sitepoint.com/sass-mixin-css-triangles/

Using the REM Calc function of Foundation by zurb
http://foundation.zurb.com
--