Uses Foundation Grids, Read more at https://github.com/csswizardry/csswizardry-grids Also includes the standard functions such as Image minification, SASS, JShint and JS uglify.
####PRIOR TO FIRST USE: You will need to make sure you have the following installed to your machine (via Terminal):
Install NPM first: http://nodejs.org/download/
Then Grunt: http://gruntjs.com/getting-started
Then Bower:
$ npm install -g bower
After that, install some other dependencies:
$ sudo gem install -g sass
####AFTER ABOVE DEPENDENCIES ARE INSTALLED AND FOR FUTURE USE: Once you are ready to compile the project, copy them to your project directory from the repo. NOTE: do not initiate your project in this repo! You will have to perform the below steps with every new project in order to have nodes, bower packages, and bourbon up-to-date.
Download these files and rename your directory to your project name then run the following:
In terminal:
$ cd your/yourprojectname/directory
Install the Node Modules into the project, also install the Bower dependencies into the project, and run pre-production grunt:
$ npm install && bower install && grunt
In the folder Wordpress/themes/YOURTHEME/ Edit your themes to the name of the wordpress theme. also edit this in grunt/watch.js edit 'YOURTHEME'.
All Javascript should be placed in the /js/ folder All Images should be placed in the /images/ folder All fonts should be placed in the /fonts/ folder All SCSS should be edited in /SCSS/ folder.
To watch and compile the files you change (SASS & JS) and update your web page use:
$ grunt watch
If new images have been added to the folder then run
$ grunt newer:imagemin
If something is not working run grunt.
$ grunt
Wordpress Databse for install in the folder /database/