diff --git a/frameworks/compass/stylesheets/compass/css3/_images.scss b/frameworks/compass/stylesheets/compass/css3/_images.scss index 6f88315f..dddc000a 100644 --- a/frameworks/compass/stylesheets/compass/css3/_images.scss +++ b/frameworks/compass/stylesheets/compass/css3/_images.scss @@ -22,15 +22,10 @@ } @mixin border-image($value) { - // This is just until we have Official Sass list support in 3.1 - $values: -compass-list($value); - $image: -compass-nth($values, first); - $rest: -compass-slice($values, 2); - - @if $experimental-support-for-mozilla { -moz-border-image: -moz($image) $rest; } - @if $experimental-support-for-webkit { -webkit-border-image: -webkit($image) $rest; } - @if $experimental-support-for-svg { border-image: -svg($image) $rest; } - border-image: $image $rest; + @if $experimental-support-for-mozilla { -moz-border-image: -moz(-compass-list($value)); } + @if $experimental-support-for-webkit { -webkit-border-image: -webkit(-compass-list($value)); } + @if $experimental-support-for-svg { border-image: -svg(-compass-list($value)); } + border-image: $value; } @mixin list-style-image($image) { diff --git a/test/fixtures/stylesheets/compass/css/gradients.css b/test/fixtures/stylesheets/compass/css/gradients.css index 4828adea..57a54c5c 100644 --- a/test/fixtures/stylesheets/compass/css/gradients.css +++ b/test/fixtures/stylesheets/compass/css/gradients.css @@ -23,7 +23,7 @@ -moz-border-image: -moz-radial-gradient(#00ff00, #ff0000 100px) 100 stretch; -webkit-border-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #00ff00), color-stop(100%, #ff0000)) 100 stretch; border-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBmZjAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmYwMDAwIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') 100 stretch; - border-image: radial-gradient(#00ff00 0%, #ff0000 100px) 100 stretch; } + border-image: radial-gradient(#00ff00, #ff0000 100px) 100 stretch; } .direct-list-image-with-gradient { list-style-image: -moz-radial-gradient(#00ff00, #ff0000 10px);