// 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; }