Book Image

Sass and Compass for Designers

By : Ben Frain
Book Image

Sass and Compass for Designers

By: Ben Frain

Overview of this book

Table of Contents (17 chapters)
Sass and Compass for Designers
Credits
Foreword
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

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.