diff --git a/doc-src/content/CHANGELOG.markdown b/doc-src/content/CHANGELOG.markdown index 23e0a792..fc7f6811 100644 --- a/doc-src/content/CHANGELOG.markdown +++ b/doc-src/content/CHANGELOG.markdown @@ -32,6 +32,7 @@ The Documentation for the [latest preview release](http://beta.compass-style.org * The comma-delimited-list has been renamed to delimited-list and generalized to accept a delimiter which defaults to a comma. The old function continues to exist, but is deprecated. +* A new CSS3 mixin for [appearance](/reference/compass/css3/appearance/) was added. 0.11.beta.2 (02/01/2011) ------------------------ diff --git a/doc-src/content/reference/compass/css3/appearance.haml b/doc-src/content/reference/compass/css3/appearance.haml new file mode 100644 index 00000000..2eb66b0f --- /dev/null +++ b/doc-src/content/reference/compass/css3/appearance.haml @@ -0,0 +1,16 @@ +--- +title: Compass Appearance +crumb: Appearance +framework: compass +stylesheet: compass/css3/_appearance.scss +meta_description: Specify the CSS3 appearance property. +layout: core +classnames: + - reference + - core + - css3 +--- +- render 'reference' do + :markdown + Provides a mixin for `appearance`. + See the CSS3 specification: [appearance](http://www.w3.org/TR/css3-ui/#appearance). diff --git a/frameworks/compass/stylesheets/compass/_css3.scss b/frameworks/compass/stylesheets/compass/_css3.scss index 41f0447f..3ca84aa0 100644 --- a/frameworks/compass/stylesheets/compass/_css3.scss +++ b/frameworks/compass/stylesheets/compass/_css3.scss @@ -14,3 +14,4 @@ @import "css3/font-face"; @import "css3/transform"; @import "css3/transition"; +@import "css3/appearance"; \ No newline at end of file diff --git a/frameworks/compass/stylesheets/compass/css3/_appearance.scss b/frameworks/compass/stylesheets/compass/css3/_appearance.scss new file mode 100644 index 00000000..128fe4d9 --- /dev/null +++ b/frameworks/compass/stylesheets/compass/css3/_appearance.scss @@ -0,0 +1,13 @@ +@import "shared"; + +// Change the appearance for Mozilla, Webkit and the future +// +// @param $ap +// [ none | normal | icon | window | button | menu | field ] + +@mixin appearance($ap) { + $ap: unquote($ap); + @include experimental(appearance, $ap, + -moz, -webkit, not -o, not -ms, not -khtml, official + ); +}