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.
Comments
useful
thanks Ben.
Post new comment