40 lines
1.4 KiB
SCSS
40 lines
1.4 KiB
SCSS
|
// Render Deprecated Webkit Gradient - Linear || Radial
|
||
|
|
//************************************************************************//
|
||
|
|
@function _deprecated-webkit-gradient($type,
|
||
|
|
$deprecated-pos1, $deprecated-pos2,
|
||
|
|
$full,
|
||
|
|
$deprecated-radius1: false, $deprecated-radius2: false) {
|
||
|
|
$gradient-list: ();
|
||
|
|
$gradient: false;
|
||
|
|
$full-length: length($full);
|
||
|
|
$percentage: false;
|
||
|
|
$gradient-type: $type;
|
||
|
|
|
||
|
|
@for $i from 1 through $full-length {
|
||
|
|
$gradient: nth($full, $i);
|
||
|
|
|
||
|
|
@if length($gradient) == 2 {
|
||
|
|
$color-stop: color-stop(nth($gradient, 2), nth($gradient, 1));
|
||
|
|
$gradient-list: join($gradient-list, $color-stop, comma);
|
||
|
|
}
|
||
|
|
@else if $gradient != null {
|
||
|
|
@if $i == $full-length {
|
||
|
|
$percentage: 100%;
|
||
|
|
}
|
||
|
|
@else {
|
||
|
|
$percentage: ($i - 1) * (100 / ($full-length - 1)) + "%";
|
||
|
|
}
|
||
|
|
$color-stop: color-stop(unquote($percentage), $gradient);
|
||
|
|
$gradient-list: join($gradient-list, $color-stop, comma);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@if $type == radial {
|
||
|
|
$gradient: -webkit-gradient(radial, $deprecated-pos1, $deprecated-radius1, $deprecated-pos2, $deprecated-radius2, $gradient-list);
|
||
|
|
}
|
||
|
|
@else if $type == linear {
|
||
|
|
$gradient: -webkit-gradient(linear, $deprecated-pos1, $deprecated-pos2, $gradient-list);
|
||
|
|
}
|
||
|
|
@return $gradient;
|
||
|
|
}
|