sass-workflow
sass-workflow project is a starting point for streamlined responsive css / html workflow for rapid front-end development with clean, managable css3, html5.
Project uses:
- sass
- compass
- grunt
- bower
- susy 2
- custom bootstrap
- google fonts
- font-awesome
- jquery
- smartmenus
Workflow Setup
##Install Node.js & project dependencies
- visit Nodejs and click install
- check version by > node -v
- change to working directly
-
npm install
-
sudo npm install -g grunt-cli
- install ruby
- install bower > sudo npm -g install bower
- bower install
- install bundler
-
sudo bundle install
Use
Setup for development. The css will not be compress (nested). For production enviroment change the grunt.js to use compass:production
Change _/components/sass/_base.css fonts url to customize fonts for your project
ToDo
- scaffold useable/useful html file(s) for home and interior pages
- sample html / scss files for layouts
- experiment with breakpoints for adapative/responsive design samples
- default socialmedia icons (font-awesome?)
Ref Notes
http://anthonyshort.me/using-bower-with-sass-and-compass/
Solorize for color schemes