Is Sass 3.3 compatible with Compass?

by

Compass 0.12 explicitly depends on Sass 3.2. Even if you have a newer version of Sass installed, it will still compile with 3.2. In order to use Sass 3.3 or later, you have to be using Compass 1.0 or later.

Running the gem install command normally should get you the latest stable version.

gem install compass

At the time this question was asked, Compass 1.0 was still in beta. To install the latest beta version of a gem, you will need to install it using the --pre flag.

gem install compass --pre

Note that you do not need to install Sass first in order for this to work. Installing Compass will automatically install the latest version of Sass that it is compatible with.

I have Compass 1.0 installed and it still errors

  • Double check any other dependencies you might have (Compass extensions, etc.), one of them might be specifying an older version of Sass or Compass.
  • If you’re using an application or build tool rather than using the commands directly, make sure they’re not referencing older versions of Compass.

Windows users

As a Window user, I got an error when I tried to watch my project using the newer Compass.

LoadError on line [“36″] of C: cannot load such file — wdm”

To fix that problem:

You must install the ruby DevKit:
Download found here: http://rubyinstaller.org/downloads/

Follow this page to properly install:
https://github.com/oneclick/rubyinstaller/wiki/Development-Kit

Now install wdm:

gem install wdm

More Related Contents:

  1. How to overwrite SCSS variables when compiling to CSS
  2. Can I import an externally hosted file with sass?
  3. Using a function in Sass is returning the string containing the name of the function rather than the result
  4. Can’t get sass + compass + susy installed due to version conflict
  5. Configure compass browser support (Compass 1.x syntax)
  6. To know the sass structure [closed]
  7. Using Sass Variables with CSS3 Media Queries
  8. Sass .scss: Nesting and multiple classes?
  9. Sass – Manipulate inherited property?
  10. Modifying the middle of a selector in Sass (adding/removing classes, etc.)
  11. Sass Interpolation of Mixin, Function, and Variable names
  12. Why does Sass change the format of my colors?
  13. Concatenating nested classes using SASS [duplicate]
  14. Sass combining parent using ampersand (&) with type selectors
  15. Using variables for CSS properties in Sass
  16. How to convert a number to a percentage with SASS? [duplicate]
  17. Sass negative variable value?
  18. Sass @each with multiple variables
  19. Multiple values for one property with variable argument lists in Sass
  20. Merging selectors from mixins
  21. Adding two values in Sass function creates double instance of ‘px’
  22. Is it possible to reference a further parent than just the one above?
  23. Gulp TypeError: Arguments to path.join must be strings
  24. webpack (with sass-loader) – scss file @import does not recognize resolve alias
  25. Sass import error in Rails 3 app – “File to import not found or unreadable: compass”
  26. SASS compile fontawesome preserve notation
  27. Sass and rounding down numbers. Can this be configured?
  28. Trying to use sass modules in create-react-app with the new @use syntax but receiving an error
  29. Unexpected results when using @extend for themes
  30. Styling a specific set of input types in a reusable way with Sass

Leave a Comment