Adding experimental support for bleeding edge CSS features

These days, CSS specifications are moving fast. It seems like every day there is an amazing new feature to try out. How can Compass keep up? Sometimes it can't but that doesn't mean it hasn't got us covered when it comes to providing support for experimental features it hasn't already got a prewritten mixin for.

Let's indulge a brief fantasy. A new property has been announced that will automatically add images of sausages behind elements. I know, I know, it'll be a massive time saver.

If such a thing did exist, here is how we might use Compass to add experimental support for different vendors:

.your-own-property {
  @include experimental(sausage, lincolnshire);
}

And here is the CSS that produces: ...

Get Sass and Compass for Designers now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.