Don't need to slice this list up afterall.

This commit is contained in:
Chris Eppstein 2010-11-14 17:39:30 -08:00
parent efe3e148b1
commit 6319f126fd
2 changed files with 5 additions and 10 deletions

View File

@ -22,15 +22,10 @@
} }
@mixin border-image($value) { @mixin border-image($value) {
// This is just until we have Official Sass list support in 3.1 @if $experimental-support-for-mozilla { -moz-border-image: -moz(-compass-list($value)); }
$values: -compass-list($value); @if $experimental-support-for-webkit { -webkit-border-image: -webkit(-compass-list($value)); }
$image: -compass-nth($values, first); @if $experimental-support-for-svg { border-image: -svg(-compass-list($value)); }
$rest: -compass-slice($values, 2); border-image: $value;
@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;
} }
@mixin list-style-image($image) { @mixin list-style-image($image) {

View File

@ -23,7 +23,7 @@
-moz-border-image: -moz-radial-gradient(#00ff00, #ff0000 100px) 100 stretch; -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; -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: 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 { .direct-list-image-with-gradient {
list-style-image: -moz-radial-gradient(#00ff00, #ff0000 10px); list-style-image: -moz-radial-gradient(#00ff00, #ff0000 10px);