github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Don't need to slice this list up afterall.

Browse Source
This commit is contained in:
Chris Eppstein 2010-11-14 17:39:30 -08:00
parent 133bf0a078
commit cb0c3775cf
2 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frameworks/compass/stylesheets/compass/css3/_images.scss
View File

@ -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) {

2
test/fixtures/stylesheets/compass/css/gradients.css vendored
View File

@ -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);