diff --git a/frameworks/compass/stylesheets/compass/css3/_background-size.scss b/frameworks/compass/stylesheets/compass/css3/_background-size.scss index a9b7a04f..9d364470 100644 --- a/frameworks/compass/stylesheets/compass/css3/_background-size.scss +++ b/frameworks/compass/stylesheets/compass/css3/_background-size.scss @@ -8,9 +8,19 @@ $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) { - @if type-of($size) == string { - $size: unquote($size); - } - @include experimental(background-size, $size, -moz, -webkit, -o, not -ms, not -khtml); +@mixin background-size( + $size-1: $default-background-size, + $size-2: false, + $size-3: false, + $size-4: false, + $size-5: false, + $size-6: false, + $size-7: false, + $size-8: false, + $size-9: false, + $size-10: false +) { + $size-1: if(type-of($size-1) == string, unquote($size-1), $size-1); + $sizes: compact($size-1, $size-2, $size-3, $size-4, $size-5, $size-6, $size-7, $size-8, $size-9, $size-10); + @include experimental(background-size, $sizes, -moz, -webkit, -o, not -ms, not -khtml); } diff --git a/frameworks/compass/stylesheets/compass/layout/_grid-background.scss b/frameworks/compass/stylesheets/compass/layout/_grid-background.scss index 43677ac5..188dfa37 100644 --- a/frameworks/compass/stylesheets/compass/layout/_grid-background.scss +++ b/frameworks/compass/stylesheets/compass/layout/_grid-background.scss @@ -159,6 +159,6 @@ $grid-background-force-fluid : false !default; get-baseline-gradient($baseline-color), get-column-gradient($total,$column,$gutter,$offset,$column-color,$gutter-color, $force-fluid) ); - @include background-size((100% #{$baseline}, auto)); + @include background-size(100% $baseline, auto); background-position: left top; }