| Current Path : /home/z/i/e/zieirix/www/media/gantry5/engines/nucleus/scss/vendor/bourbon/css3/ |
| Current File : /home/z/i/e/zieirix/www/media/gantry5/engines/nucleus/scss/vendor/bourbon/css3/_border-image.scss |
@mixin border-image($borders...) {
@include _bourbon-deprecate-for-prefixing("border-image");
$webkit-borders: ();
$spec-borders: ();
@each $border in $borders {
$webkit-border: ();
$spec-border: ();
$border-type: type-of($border);
@if $border-type == string or list {
$border-str: if($border-type == list, nth($border, 1), $border);
$url-str: str-slice($border-str, 1, 3);
$gradient-type: str-slice($border-str, 1, 6);
@if $url-str == "url" {
$webkit-border: $border;
$spec-border: $border;
}
@else if $gradient-type == "linear" {
$gradients: _linear-gradient-parser("#{$border}");
$webkit-border: map-get($gradients, webkit-image);
$spec-border: map-get($gradients, spec-image);
}
@else if $gradient-type == "radial" {
$gradients: _radial-gradient-parser("#{$border}");
$webkit-border: map-get($gradients, webkit-image);
$spec-border: map-get($gradients, spec-image);
}
@else {
$webkit-border: $border;
$spec-border: $border;
}
}
@else {
$webkit-border: $border;
$spec-border: $border;
}
$webkit-borders: append($webkit-borders, $webkit-border, comma);
$spec-borders: append($spec-borders, $spec-border, comma);
}
-webkit-border-image: $webkit-borders;
border-image: $spec-borders;
border-style: solid;
}
//Examples:
// border-image: url("image.png");
// border-image: url("image.png") 20 stretch;
// border-image: linear-gradient(45deg, orange, yellow);
// border-image: linear-gradient(45deg, orange, yellow) stretch;
// border-image: linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round;
// border-image: radial-gradient(top, cover, orange, yellow, orange);