#ElaoStrap

Dependencies

• Gulp
• elao-assets-gulp
• jQuery
• Bootstrap SASS

Installation

Clone the project in your workspace

$ git clone [email protected]:JeremyFagis/ElaoStrap.git your-project
$ cd your-project

Download packages

$ (sudo) npm install

Compile assets

$ gulp

Your assets folder looks like this

assets/
├── fonts/
│   └── ...
├── images/
│   └── ...
├── js/
│   └── ...
├── sass/
│   └── ...

Compilation

#  compilation (watch & minification)
$ gulp

# Prod compilation (minification)
$ gulp install

# Dev compilation (watch & no-minification)
$ gulp dev

Details

JS

js/
└── vendors/
│   └─ fancybox, dropify, simple select
│   └─ Add others vendors here if they are not in node_modules
│
└── main.js	

Sass

sass/
└── base/
│   └─ fonts, reset, headers, links, variables
│
└── components/
│   └─ alerts, buttons, tooltips, popovers, tables...
│   └─ If you include plugins, insert scss files here
│
└── helpers/
│   └─ mixins, responsive, shortcuts
│
└── layout/
│   └─ forms, grid, layout
│
└── pages/
│   └─ Specific styles for pages
│
└── style.scss	

Fonts

Use fontello.com to generate fonts icons. Move font files in assets/fonts/fontello, and update assets/sass/base/fonts.scss.