Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Compass Basics Getting Started with Compass CSS3 without the Vendor Prefixes

Atanas Sqnkov
Atanas Sqnkov
14,981 Points

Experimental variables no longer exist.

Hello guys!

So Guill uses $experimental-..... variables which are no longer available in compass. They are missing from the documentation too. What should I use to remove the opera prefixes (-o-) for the exercise?


Miltiadis bouxalakis
Miltiadis bouxalakis
Courses Plus Student 3,722 Points

http://sassmeister.com/gist/aad004be8dbbf408e2ae you can check this code example , yes experimental aren't used anymore but you can set the browsers you want with the $supported-browsers browsers() the default supports all also enable debug to see why some prefixes aren't included.

2 Answers

Sean Clarke
Sean Clarke
10,256 Points

Plus Its important to have the variables set before imports if you mean to remove certain prefixes and fixes, like: https://github.com/Compass/compass/issues/1417

$graceful-usage-threshold: 100;
$critical-usage-threshold: 100;

@import "compass/css3";

For instance I wanted rid of all the zoom: 1 hacks as they fail CSS validation.

Finally, an important distinction (which was not clear at fist) is that $browser-minimum-versions: does not actually exclude broswers, rather it includes what otherwise would have been excluded: https://github.com/Compass/compass/pull/1524#issuecomment-51499351