Menu icon Foundation
Compass : Updating gem from foundation 4.3.2 to foundation 5

Can anyone show me how to update the gem in Compass?
Thank you.

compass

Can anyone show me how to update the gem in Compass?
Thank you.


gummybear gave the most helpful answer for this post
gummybear almost 6 years ago

There is no need to upgrade to Foundation-5 gem, you can just remove the old gem and proceed with bower. Then you can run "compass watch" on the project-structure created by bower. Here is how:

  • Do not remove "compass" or try to fiddle with it by symlinking gems etc. (as I did, heh)
  • Simply uninstall the old "zurb-foundation-4.3.2" gem

gem uninstall zurb-foundation

  • Install the "foundation" CLI gem

gem install foundation

  • Install bower (if you don't have it yet - remember it depends on nodejs & npm)

npm install -g bower

  • Create a new project with the CLI command. This will run bower.
  • Bower won't run as root, in case it complains that you're using sudo/root the solution is below

foundation new <myproject path>

  • (optional) if bower complains do this:

cd <myproject path>
bower install foundation --allow-root

  • Now you should be inside the project's directory and
  • you should have a directory in there called "bower_components" required by compass.
  • From there you can just run:

compass watch

Now all your sass files imported by compass won't be inside "/var/lib/gems/1.9.1/gems/zurb-foundation-4.3.2" but they will be under the "bower_components" directory inside your project. Check out "config.rb" to see. Sweet!

Regards

This post has been closed. No new replies can be added.

Adam Clark almost 6 years ago

I confused as well, because if you just do "gem update foundation", it says there is nothing to update. However, if you install bower foundation as outlined in the docs and then create a new project with "foundation new my_project", it does work.

Andrew Young almost 6 years ago

Foundation 4 gem is called "zurb-foundation" and the Foundation 5 gem is called "foundation" so the v4 will not update to 5 as they are different gem's.

Wade Merwedith almost 6 years ago

What if I have an existing compass project and want to install Foundation (no existing Foundation install, just a compass project)?

rozani almost 6 years ago

Here the link for the gem.

http://rubygems.org/search?utf8=%E2%9C%93&query=foundation

I used both gem foundation and gem zurb-foundation, both are foundation 4.3.2 and not foundation 5.

I cannot find any new gem for foundation 5.

I follow the foundation doc but I cannot install bower. I believe the doc about sass is all rubbish.

There are too many complain for bower from year 2012, zurb should maintain using ruby gem.

Bower have many compatibility with OS such as Debian LMDE, Ubuntu etc.

I love Zurb Foundation 5 but I really hate Zurb forcing users to use Bower.

rozani almost 6 years ago

This is the error I get during installing bower in Linux Mint. How to resolve this?
Please help me.

 rozani-Aspire-4937 rozani # npm install -g bower
npm http GET https://registry.npmjs.org/bower
npm http 304 https://registry.npmjs.org/bower

npm ERR! Error: No compatible version found: bower
npm ERR! No valid targets found.
npm ERR! Perhaps not compatible with your version of node?
npm ERR!     at installTargetsError (/usr/share/npm/lib/cache.js:488:10)
npm ERR!     at next_ (/usr/share/npm/lib/cache.js:438:17)
npm ERR!     at next (/usr/share/npm/lib/cache.js:415:44)
npm ERR!     at /usr/share/npm/lib/cache.js:408:5
npm ERR!     at saved (/usr/share/npm/lib/utils/npm-registry-client/get.js:147:7)
npm ERR!     at Object.oncomplete (/usr/lib/nodejs/graceful-fs.js:230:7)
npm ERR! You may report this log at:
npm ERR!     <http://bugs.debian.org/npm>
npm ERR! or use
npm ERR!     reportbug --attach /home/rozani/npm-debug.log npm
npm ERR! 
npm ERR! System Linux 3.8.0-19-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "-g" "bower"
npm ERR! cwd /home/rozani
npm ERR! node -v v0.6.19
npm ERR! npm -v 1.1.4
npm ERR! message No compatible version found: bower
npm ERR! message No valid targets found.
npm ERR! message Perhaps not compatible with your version of node?
npm ERR! 
npm ERR! Additional logging details can be found in:
npm ERR!     /home/rozani/npm-debug.log
npm not ok
rozani-Aspire-4937 rozani #

gummybear almost 6 years ago

There is no need to upgrade to Foundation-5 gem, you can just remove the old gem and proceed with bower. Then you can run "compass watch" on the project-structure created by bower. Here is how:

  • Do not remove "compass" or try to fiddle with it by symlinking gems etc. (as I did, heh)
  • Simply uninstall the old "zurb-foundation-4.3.2" gem

gem uninstall zurb-foundation

  • Install the "foundation" CLI gem

gem install foundation

  • Install bower (if you don't have it yet - remember it depends on nodejs & npm)

npm install -g bower

  • Create a new project with the CLI command. This will run bower.
  • Bower won't run as root, in case it complains that you're using sudo/root the solution is below

foundation new <myproject path>

  • (optional) if bower complains do this:

cd <myproject path>
bower install foundation --allow-root

  • Now you should be inside the project's directory and
  • you should have a directory in there called "bower_components" required by compass.
  • From there you can just run:

compass watch

Now all your sass files imported by compass won't be inside "/var/lib/gems/1.9.1/gems/zurb-foundation-4.3.2" but they will be under the "bower_components" directory inside your project. Check out "config.rb" to see. Sweet!

Regards

gummybear almost 6 years ago

Sorry for the huge font. I had no idea that using a hash at the beginning of the line would do this.
Someone better fix it since I don't seem to be able to edit my old post.

rozani almost 6 years ago

If you want to help me, please DO NOT SIMPLY just copy paste the code from the foundation doc. It does NOT help me.

I'm stuck at npm install -g bower . Cannot install bower in Linux Mint Olivia.
Please understand the error I got and please HELP me.

After i put the code in terminal, npm install -g bower

I had the same ERROR :

 rozani@rozani-Aspire-4937 ~ $ npm install -g bower
npm http GET https://registry.npmjs.org/bower
npm http 304 https://registry.npmjs.org/bower

npm ERR! Error: No compatible version found: bower
npm ERR! No valid targets found.
npm ERR! Perhaps not compatible with your version of node?
npm ERR!     at installTargetsError (/usr/share/npm/lib/cache.js:488:10)
npm ERR!     at next_ (/usr/share/npm/lib/cache.js:438:17)
npm ERR!     at next (/usr/share/npm/lib/cache.js:415:44)
npm ERR!     at /usr/share/npm/lib/cache.js:408:5
npm ERR!     at saved (/usr/share/npm/lib/utils/npm-registry-client/get.js:147:7)
npm ERR!     at Object.oncomplete (/usr/lib/nodejs/graceful-fs.js:230:7)
npm ERR! You may report this log at:
npm ERR!     <http://bugs.debian.org/npm>
npm ERR! or use
npm ERR!     reportbug --attach /home/rozani/npm-debug.log npm
npm ERR! 
npm ERR! System Linux 3.8.0-19-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "-g" "bower"
npm ERR! cwd /home/rozani
npm ERR! node -v v0.6.19
npm ERR! npm -v 1.1.4
npm ERR! message No compatible version found: bower
npm ERR! message No valid targets found.
npm ERR! message Perhaps not compatible with your version of node?

npm ERR! Error: EACCES, open 'npm-debug.log'
npm ERR! 
npm ERR! Please try running this command again as root/Administrator.
npm ERR! 
npm ERR! System Linux 3.8.0-19-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install" "-g" "bower"
npm ERR! cwd /home/rozani
npm ERR! node -v v0.6.19
npm ERR! npm -v 1.1.4
npm ERR! path npm-debug.log
npm ERR! code EACCES
npm ERR! message EACCES, open 'npm-debug.log'
npm ERR! errno {}
npm ERR! 
npm ERR! Additional logging details can be found in:
npm ERR!     /home/rozani/npm-debug.log
npm not ok

rozani almost 6 years ago

Ok. Nevermind.

I already solved the Bower installing problem in Linux Mint Olivia on my own by referring to the link : http://developwithguru.com/how-to-install-node-js-and-npm-in-ubuntu-or-mint/

Bower only works with nodejs (stable)
By default, npm branch in Debian Package Manager will bundle with nodejs-dev

I remove the nodejs-dev which already bundled in npm.

wahyu affandi almost 6 years ago

After spinning arround, i have realized that installing foundation 5 is not as simple as zurb-foundation was.
I've read the foundation 5 documentation and tried to follow the installation instruction. But before i can just " foundation my-new-project", i had to do some things :

  1. Have GIT installed ? -- YES
  2. Have Node.js ? -- NO-- then i install
  3. Bower ? --NO--then i install
  4. Ruby 1.9+ ? --NO-- im using OSX 10.7.5 lion, so the preinstalled ruby version is 1.8. I have to update to newer version. I install it, then i have an error that say i should have XCode installed.
  5. XCode - i tried to download XCode in apple.developer.com. I forgot my apple id, then i create one,..using is as apple developer account too.

....... phew, ... im still downloading xcode now.... (2.04 GB)

Steve Adams almost 6 years ago

This seems to be a case where eating your own dog food ( http://tinyurl.com/2wpndol ) does not mean that everone else will want to do the same.

It does make good sense that Zurb would want to offer what they feel is the very best method(s) for using F5. I just don't agree that the stack should be determined by a single layer.

Ultimately F5 is free, and I am thankful for that, and I will probably end up using it as it was intended. But having to upgrade Ruby, install Node, NPM, and Bower just to use a SASS framework, that could previously be used with only "gem install zurb-foundation", is a jagged pill to swallow.

I'm not sure that using a gem like F4 would demand a Ruby upgrade. I wonder how many developers cannot upgrade their Ruby to use F5?

Please give us our gem back.

Rafi Benkual almost 6 years ago

Check out this page. It has recently been updated:

http://foundation.zurb.com/docs/upgrading.html