Project start
- npm i
- bower i
- gulp
- http://localhost:9000/
SCSS
The 7-1 Pattern
- base
- layout
- pages
- themes
- abstracts
- vendors
- components
Prefixes
- l- Layout
- h- Helper
- c- Component
- o- Object — universal cross-project components
- is--, has State
- js- JavaScript binds
Exception: grid. Row\cols are without any prefixes.
Components name spaces
.c-cat-menu .c-cat-item
TODO
COMMON
- SCSS LINTER
- filters
- file names system
Perfomance
- FPS on shadow hovers
- Lazy img load
Accessibility
- main before sidebar *- [x] checkbox
- radio
Refactor
- .c-stripes
- Custom select. Current is selectize Options: https://github.com/lcdsantos/jQuery-Selectric http://selectric.js.org/