Excluding browsers is done by modifying the $graceful-usage-threshold variable. If Browser X only has 4.99% of the market share, you want to set it to 5. $debug-browser-support: true; $browser-minimum-versions: ( “ie”: “9” ); $graceful-usage-threshold: 4.46163; @import “compass”; .foo { @include opacity(.5); @include border-radius(10px); } Output: .foo { /* Content for ie 8 omitted. Minimum support … Read more
If you are using Compass, you can easily specify the precision in your project file (config.rb) without hacking the core: Sass::Script::Number.precision = 8 For more information see Sass documentation
I was getting this error. I changed this line in my application.rb from: Bundler.require(:default, Rails.env) if defined?(Bundler) to: Bundler.require(*Rails.groups(:assets => %w(development test))) if defined?(Bundler) Also, make sure the files are names something.css.sass NOT something.sass And one other thing, I had an old compass.rb file in my config directory which isn’t needed in Rails 3.2. Deleting … Read more
Uninstall sass and reinstall it with the following: gem uninstall sass gem install sass There was an issue with my installation of sass and doing this fixed the issue.
No. Sass has no way of merging selectors (this could be considered undesirable, as it would alter the ordering of the selectors). The only thing you can really do is something like this (or write 2 separate mixins): @mixin footer_flush_bottom { height: 100%; body { min-height: 100%; position: relative; @content; } } html { // … Read more
I have also been working with this problem. Another “solution” is to add a div around the item that has the gradient and rounded corners. Make that div the same height, width, and rounded corner values. Set the overflow to hidden. This is basically just a mask, but it works for me. HTML: <div class=”mask … Read more
The dependencies are incompatible: susy 2.0.0 depends on sass ~> 3.3.0 whereas compass 0.12.3 depends on sass = 3.2.14. The error message says the same: Unable to activate susy-2.0.0, because sass-3.2.14 conflicts with sass (~> 3.3.0) You can a) downgrade susy to a version that’s working with sass 3.2.14 or b) upgrade compass to a … Read more
Just came across this, have the answer for you. In Sass, you can actually have a multidimensional list, so instead of constructing individual variables, you’d create one variable to hold them all, then loop over them: $zoo: puma black, sea-slug green, egret brown, salamander red; @each $animal in $zoo { .#{nth($animal, 1)}-icon { background-color: nth($animal, … Read more
Try it like this margin: 0 (-$pad) 20px (-$pad);
Try this, then try to install compass again apt-get install ruby-dev