Use the rgba function built into Sass Sets the opacity of a color. Examples: rgba(#102030, 0.5) => rgba(16, 32, 48, 0.5) rgba(blue, 0.2) => rgba(0, 0, 255, 0.2) Parameters: (Color) color (Number) alpha — A number between 0 and 1 Returns: (Color) Code: rgba(#ff0000, 0.5); // Output is rgba(255,0,0,0.5);
Sass was originally written for Ruby, but now they’ve created libSass which is a C/C++ port of the Sass engine, which makes it easier to integrate the engine into an IDE or another language. At this point, you can use the Sass engine in Ruby, Node.js, Python, PHP, Java, .NET and others. For more information, … Read more
Try it like this margin: 0 (-$pad) 20px (-$pad);
From Sass and Compass in Action, by Wynn Netherland, Nathan Weizenbaum, Chris Eppstein, and Brandon Mathis: 1.3 What is Compass? Compass helps Sass authors write smarter stylesheets and empowers a community of designers and developers to create and share powerful frameworks. Put simply, Compass is a Sass framework, designed to make the work of styling … 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
Try this, then try to install compass again apt-get install ruby-dev