Don't need to slice this list up afterall.
This commit is contained in:
parent
133bf0a078
commit
cb0c3775cf
@ -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) {
|
||||||
|
@ -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);
|
||||||
|
Loading…
Reference in New Issue
Block a user