User login

Installing Compass and Sass with Susy on Ubuntu

As long as gem and rvm are already set up (see RubyGems and RVM on Ubuntu), all you need to do is:

gem install compass
gem install compass-susy-plugin
gem install stitch

Most recently on Ubuntu: This worked with sudo.

Background

Main Gotcha:
compass-susy-plugin does not show on gem list

If you do use sudo, please NOTE: We had used sudo gem install compass-susy-plugin and were trying to figure out why it said it installed successfully and then did not show work nor show up for the gem list.
However - I did use sudo (ubuntu 13.04) and it worked well. This is the results after running the command:

gem list

You should see a list of installed gems such as:

*** LOCAL GEMS ***

chunky_png (1.2.9)
compass (0.12.2)
compass-susy-plugin (0.9)
fssm (0.2.10)
rake (10.1.0)
sass (3.2.12)
stitch (0.1.6)

See what version you have:
compass version

See what you have installed:
compass frameworks

Normal use:

compass watch

Installing a new plugin

Say you get this error:

ben@ubuntu:~/code/sdl (master)$ compass watch
LoadError on line 36 of /home/ben/.rvm/rubies/ruby-1.8.7-p334/lib/ruby/site_ruby/1.8/rubygems/custom_require.rb: no such file to load -- stitch

That means you want to check out the Compass plugins wiki page and most likely search RubyGems.org for a plugin defined in your config.rb file.

If it is a Ruby gem, installation is easy:

ben@ubuntu:~/code/sdl$ gem install compass-stitch
Fetching: compass-stitch-0.0.1.gem (100%)
Successfully installed compass-stitch-0.0.1
1 gem installed
Installing ri documentation for compass-stitch-0.0.1...
Installing RDoc documentation for compass-stitch-0.0.1...

... except that didn't work, and i had to do:

ben@ubuntu:~/code/sdl (master *+)$ gem install stitch
Fetching: stitch-0.1.3.gem (100%)
Successfully installed stitch-0.1.3
1 gem installed
Installing ri documentation for stitch-0.1.3...
Installing RDoc documentation for stitch-0.1.3...

cd into the theme folder (the current theme you are using on your site) and run this command:

compass compile .
(do not forget the . after the word 'compile'

NOTE: That should create your css files! You will need to run this command from within each theme folder if you choose to use Sass on other themes.

Searched words: 
install compass on ubuntu 11 sudo apt-get install compass-susy-plugin sudo apt-get install compass-susy-plugin1.8 sudo apt-get install libcompass-ruby1.8 rvm sudo gem install chriseppstein-compass sudo gem sources --add http://gems.github.com/ sudo apt-get install gem compass install susy Errors / Keywords: install compass on ubuntu 11 old, we think: sudo gem install chriseppstein-compass compass install susy ruby gem ubuntu LoadError on line 105 of /usr/lib/ruby/1.8/compass/configuration/data.rb: no such file to load -- susy LoadError no such file to load susy stitch

Comments

useful

thanks Ben.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <blockquote> <small> <h2> <h3> <h4> <h5> <h6> <sub> <sup> <p> <br> <strike> <table> <tr> <td> <thead> <th> <tbody> <tt> <output>
  • Lines and paragraphs break automatically.

More information about formatting options

By submitting this form, you accept the Mollom privacy policy.