Sass and Compass for Designers

Defining experimental values

Super, that has us covered for experimental properties. But what do we do if the value itself is experimental? After all, given our prior example, I'm almost certain I've not set the value of a property to lincolnshire before now (float: lincolnshire; anyone?).

Compass has a mixin to cover that. It's called experimental-value. Take a look at this example:

.your-own-property {
  @include experimental-value(sausage, lincolnshire, -moz, -webkit, not -o, not -ms, not -khtml, official);
}

Here is the CSS that generates:

.your-own-property {
  sausage: -webkit-lincolnshire;
  sausage: -moz-lincolnshire;
  sausage: lincolnshire;
}

As before, it respects any global vendor support you have set alongside ones explicitly passed in as arguments. ...