Source on Github

Compass Appearance

Provides a mixin for appearance. See the CSS3 specification: appearance.

This file can be imported using: @import "compass/css3/appearance"


  1. Shared Utilities


view source

  $ap: unquote($ap)
  +experimental(appearance, $ap, -moz, -webkit, not -o, not -ms, not -khtml, official)
@mixin appearance($ap) {
  $ap: unquote($ap);
  @include experimental(appearance, $ap, -moz, -webkit, not -o, not -ms, not -khtml, official);

Change the appearance for Mozilla, Webkit and possibly the future. The appearance property is currently not present in any newer CSS specification.

There is no official list of accepted values, but you might check these source: