Opinionated structure for new projects. Closely follows the Yeoman generator-webapp which builds on Grunt.
- Everything from generator-webapp (server, testing, build etc)
- Navigation toggles
- jQuery waypoints integration
- Scroll nav
- Manual styleguide
- Responsive and fluid Masonry setup
- Jade templating (including 'active' navigation and pages)
You need to install Bower, Compass (alpha), Sass (alpha) and Susy.
npm install -g bower
gem install compass --pre
gem install sass --pre
gem install susy
- bower_components
- images
- scripts (own scripts go here)
- scripts/vendor (third party scripts that are not available through a package manager (e.g. bower) go here)
- styles
The naming convention is the same found in Suit CSS.
[<ns>-]<ComponentName>[--modifierName|-childName]
.ComponentName
.ComponentName--modifierName
.ComponentName-childName
.is-stateOfComponent```