O'Reilly logo

Sass and Compass Designer's Cookbook by Bass Jobsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Tuning vendor prefixes from Compass stylesheets

Vendor-specific rules provide us with early implementations of standard properties and alternative syntaxes. These rules allow browsers to implement proprietary CSS properties that would otherwise have no working standards (and may never actually become standardized). Which vendor prefixes you will have to add depends on the browsers you have to support. In this recipe, you will learn how to configure Compass cross-browser support.

Since CSS3, you can give any block level element rounded corners without using images by using the border-radius property. The border-radius property should be prefixed for the best possible browser support. Compass can automatically add the right prefixes for you.

Getting ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required