While Sass works great with Ruby projects, I think Stylus makes more sense for Node.js web applications for it's native modular support using npm. I spent some time creating the a Stylus port of the Foundation framework, so for those fans of Node.js, you no longer need Ruby/Gem installed in your system to use Foundation! It is not officially adopted by Zurb yet, so if you like the idea, please help vote for it. I also published my fork of the Foundation (with Stylus port) to npm here while Zurb is making up their mind to adopt it. Starting from v0.2.0, this generator will use the Stylus port by default (you can still choose to use Sass version from the prompt).
First make a new directory, and
cd into it:
mkdir my-foundation && cd $_
npm install -g generator-foundation
yo foundation, optionally passing an app name:
yo foundation [app-name] [--base=my-base-foundation]
Finally, install npm dependencies:
v0.5.0Use Foundation 4.1.5 structure, use local project override to extend inherited styles.
v0.4.1Enhanced logic to expose assetPaths from baseTheme
v0.4.0For stylus version, updated the environment.styl and settings.styl to use the variables from Foundation 4.1.2
v0.3.4Check for the existence of theme.assetPaths before iterating
v0.3.3Mount all asset folders from dependencies in grunt for development environment.
v0.3.2Exports plugin function from index.js
v0.3.1save the dependency in package.json when doing npm install
v0.3.0Integration with fashionista
v0.2.6Also run "npm install" programmatically on the theme dependencies.
v0.2.5Add instruction at end of project generation
v0.2.4Fixed middleware bug, it did not call 'stylus.use' on the base theme
v0.2.3Clean up deprecated contents
v0.2.2Re-factored theme-global to make themes more extensible. Use 'foundation' module from public npm.
v0.2.1For stylus port, import foundation-global settings after importing local setting
v0.2.0Added Stylus port of foundation version
v0.1.1fixed incorrect task name in watcher