From d9fdb0d0c7897bd3ffd1e9df4357ca1eb2fde64f Mon Sep 17 00:00:00 2001 From: Zee Agency Date: Mon, 14 Feb 2011 14:37:22 +0100 Subject: [PATCH 1/2] Add css3 appearance mixin --- frameworks/compass/stylesheets/compass/_css3.scss | 1 + .../stylesheets/compass/css3/_appearance.scss | 13 +++++++++++++ 2 files changed, 14 insertions(+) create mode 100644 frameworks/compass/stylesheets/compass/css3/_appearance.scss 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 + ); +} From 3269cbf743e07a574cf6d746dbb3bced1d49add7 Mon Sep 17 00:00:00 2001 From: Chris Eppstein Date: Mon, 21 Feb 2011 18:02:13 -0800 Subject: [PATCH 2/2] Added docs for the new appearance mixin. --- doc-src/content/CHANGELOG.markdown | 1 + .../reference/compass/css3/appearance.haml | 16 ++++++++++++++++ 2 files changed, 17 insertions(+) create mode 100644 doc-src/content/reference/compass/css3/appearance.haml diff --git a/doc-src/content/CHANGELOG.markdown b/doc-src/content/CHANGELOG.markdown index cea382cd..77b360e7 100644 --- a/doc-src/content/CHANGELOG.markdown +++ b/doc-src/content/CHANGELOG.markdown @@ -31,6 +31,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).