diff --git a/frameworks/compass/stylesheets/compass/css3/_background-clip.scss b/frameworks/compass/stylesheets/compass/css3/_background-clip.scss index 86718eba..2d35fdb4 100644 --- a/frameworks/compass/stylesheets/compass/css3/_background-clip.scss +++ b/frameworks/compass/stylesheets/compass/css3/_background-clip.scss @@ -19,6 +19,7 @@ $default-background-clip: padding-box !default; @mixin background-clip($clip: $default-background-clip) { // webkit and mozilla use the deprecated short [border | padding] + $clip: unquote($clip); $deprecated: $clip; @if $clip == padding-box { $deprecated: padding; } @if $clip == border-box { $deprecated: border; } diff --git a/frameworks/compass/stylesheets/compass/css3/_background-origin.scss b/frameworks/compass/stylesheets/compass/css3/_background-origin.scss index b02b3bf9..bc8eaa8a 100644 --- a/frameworks/compass/stylesheets/compass/css3/_background-origin.scss +++ b/frameworks/compass/stylesheets/compass/css3/_background-origin.scss @@ -15,6 +15,7 @@ $default-background-origin: content-box !default; @mixin background-origin($origin: $default-background-origin) { + $origin: unquote($origin); // webkit and mozilla use the deprecated short [border | padding | content] $deprecated: $origin; @if $origin == padding-box { $deprecated: padding; } diff --git a/frameworks/compass/stylesheets/compass/css3/_background-size.scss b/frameworks/compass/stylesheets/compass/css3/_background-size.scss index 76dbf57b..84c11097 100644 --- a/frameworks/compass/stylesheets/compass/css3/_background-size.scss +++ b/frameworks/compass/stylesheets/compass/css3/_background-size.scss @@ -9,5 +9,6 @@ $default-background-size: 100% auto !default; // * percentages are relative to the background-origin (default = padding-box) // * mixin defaults to: `$default-background-size` @mixin background-size($size: $default-background-size) { + $size: unquote($size); @include experimental(background-size, $size, -moz, -webkit, -o, not -ms, not -khtml); } diff --git a/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss b/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss index 5cdaa3c6..5f480ac2 100644 --- a/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss +++ b/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss @@ -6,6 +6,7 @@ // [ content-box | border-box ] @mixin box-sizing($bs) { + $bs: unquote($bs); @include experimental(box-sizing, $bs, -moz, -webkit, not -o, -ms, not -khtml, official ); diff --git a/frameworks/compass/stylesheets/compass/css3/_box.scss b/frameworks/compass/stylesheets/compass/css3/_box.scss index 8dd875ae..09e14a01 100644 --- a/frameworks/compass/stylesheets/compass/css3/_box.scss +++ b/frameworks/compass/stylesheets/compass/css3/_box.scss @@ -14,6 +14,7 @@ $default-box-orient: horizontal !default; @mixin box-orient( $orientation: $default-box-orient ) { + $orientation : unquote($orientation); @include experimental(box-orient, $orientation, -moz, -webkit, not -o, not -ms, not -khtml, official ); @@ -26,6 +27,7 @@ $default-box-align: stretch !default; @mixin box-align( $alignment: $default-box-align ) { + $alignment : unquote($alignment); @include experimental(box-align, $alignment, -moz, -webkit, not -o, not -ms, not -khtml, official ); @@ -77,6 +79,7 @@ $default-box-direction: normal !default; @mixin box-direction( $direction: $default-box-direction ) { + $direction: unquote($direction); @include experimental(box-direction, $direction, -moz, -webkit, not -o, not -ms, not -khtml, official ); @@ -89,6 +92,7 @@ $default-box-lines: single !default; @mixin box-lines( $lines: $default-box-lines ) { + $lines: unquote($lines); @include experimental(box-lines, $lines, -moz, -webkit, not -o, not -ms, not -khtml, official ); @@ -101,6 +105,7 @@ $default-box-pack: start !default; @mixin box-pack( $pack: $default-box-pack ) { + $pack: unquote($pack); @include experimental(box-pack, $pack, -moz, -webkit, not -o, not -ms, not -khtml, official ); diff --git a/frameworks/compass/stylesheets/compass/css3/_columns.scss b/frameworks/compass/stylesheets/compass/css3/_columns.scss index 179087c4..520f57c0 100644 --- a/frameworks/compass/stylesheets/compass/css3/_columns.scss +++ b/frameworks/compass/stylesheets/compass/css3/_columns.scss @@ -31,7 +31,7 @@ // Specify the style of the rule between columns e.g. `dotted`. // This works like border-style. @mixin column-rule-style($s) { - @include experimental(rule-style, $s, + @include experimental(rule-style, unquote($s), -moz, -webkit, -o, not -ms, not -khtml, official ); } @@ -40,7 +40,7 @@ // This works like border-color. @mixin column-rule-color($c) { - @include experimental(rule-color, $s, + @include experimental(rule-color, unquote($s), -moz, -webkit, -o, not -ms, not -khtml, official ); } diff --git a/frameworks/compass/stylesheets/compass/css3/_transition.scss b/frameworks/compass/stylesheets/compass/css3/_transition.scss index 5fe9b354..1984d0f3 100644 --- a/frameworks/compass/stylesheets/compass/css3/_transition.scss +++ b/frameworks/compass/stylesheets/compass/css3/_transition.scss @@ -29,7 +29,7 @@ $default-transition-delay: false !default; // * also accepts "all" or "none" @mixin transition-property($properties: $default-transition-property) { - @include experimental(transition-property, $properties, + @include experimental(transition-property, unquote($properties), -moz, -webkit, -o, not -ms, not -khtml, official ); }