Menu icon Foundation

Engineer | Baden

I build websites at CreaOcchio creaocchio.ch and the most comfortable sleeping bag at Bergstop bergstop.com.

My Posts

No Content

My Comments

Beda Steinacher commented on Jeff Nordstedt's post over 5 years

You should use Bundler http://bundler.io/ to use a specific version of foundation.

You can read about this in the "Creating a project from Git" section of the foundation 3 documentation http://foundation.zurb.com/docs/v/3.2.5/compass.php

Instead of using the latest release candidate I'm forcing an older foundation version.
Here is my setup:
Gemfile

source "https://rubygems.org"
gem "zurb-foundation", "3.2.5"
gem "compass"

To install the specific zurb-foundation version:

bundle exec sudo gem update zurb-foundation

Verify the currently installed zurb-foundation version in your project folder:

bundle exec gem list

To work with the older version, you always have to use the 'bundle exec' commands:

bundle exec compass watch

Hint:
If you use grunt, you can setup a compass task with the bundleExec option set to true. Checkout the following Plugin:
https://github.com/gruntjs/grunt-contrib-compass

All I have to do remember is

grunt watch

Gruntfile.js
Javascript
module.exports = function (grunt) {
grunt.initConfig({
compass: {
dist: {
options: {
require: 'zurb-foundation',
sassDir: './path/to/sources',
cssDir: './path/to/stylesheets',
imagesDir: './path/to/images',
javascriptsDir: './path/to/javascripts',
outputStyle: 'compressed',
relativeAssets: true,
bundleExec: true
}
}
},
watch: {
css: {
files: ['./path/to/sources/*'],
tasks: ['compass']
}
}
}
);
grunt.loadNpmTasks('grunt-contrib-compass');
grunt.loadNpmTasks('grunt-contrib-watch');
};

Posts Followed

  • 3
    Replies
  • Upgrading From Foundation 3.2

    By Jeff Nordstedt

    upgrade

    I have built several sites using Foundation 3.2 that I need to continue to edit. I never did start using Foundation 4, but if I install Foundation 5 on my machine, will is mess with my ability to work on the F3 sites I still maintain? It is critical th... (continued)

    Last Reply by James Stone over 5 years ago


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Jeff Nordstedt's post over 5 years

You should use Bundler http://bundler.io/ to use a specific version of foundation.

You can read about this in the "Creating a project from Git" section of the foundation 3 documentation http://foundation.zurb.com/docs/v/3.2.5/compass.php

Instead of using the latest release candidate I'm forcing an older foundation version.
Here is my setup:
Gemfile

source "https://rubygems.org"
gem "zurb-foundation", "3.2.5"
gem "compass"

To install the specific zurb-foundation version:

bundle exec sudo gem update zurb-foundation

Verify the currently installed zurb-foundation version in your project folder:

bundle exec gem list

To work with the older version, you always have to use the 'bundle exec' commands:

bundle exec compass watch

Hint:
If you use grunt, you can setup a compass task with the bundleExec option set to true. Checkout the following Plugin:
https://github.com/gruntjs/grunt-contrib-compass

All I have to do remember is

grunt watch

Gruntfile.js
Javascript
module.exports = function (grunt) {
grunt.initConfig({
compass: {
dist: {
options: {
require: 'zurb-foundation',
sassDir: './path/to/sources',
cssDir: './path/to/stylesheets',
imagesDir: './path/to/images',
javascriptsDir: './path/to/javascripts',
outputStyle: 'compressed',
relativeAssets: true,
bundleExec: true
}
}
},
watch: {
css: {
files: ['./path/to/sources/*'],
tasks: ['compass']
}
}
}
);
grunt.loadNpmTasks('grunt-contrib-compass');
grunt.loadNpmTasks('grunt-contrib-watch');
};

Posts Followed


Following

  • No Content

Followers

  • No Content