37 lines
1.1 KiB
SCSS
37 lines
1.1 KiB
SCSS
// Render Deprecated Webkit Gradient - Linear || Radial
|
|
//************************************************************************//
|
|
@function deprecated-webkit-gradient($type, $full) {
|
|
$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 $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, center center, 0, center center, 460, $gradient-list);
|
|
}
|
|
@else if $type == linear {
|
|
$gradient: -webkit-gradient(linear, left top, left bottom, $gradient-list);
|
|
}
|
|
@return $gradient;
|
|
}
|