VUE提示Gradient has outdated direction syntax

VUE提示Gradient has outdated direction syntax

启动项目，发现之前没有问题的项目今天突然出现了警告，而且警告是一模一样的
Gradient has outdated direction syntax. New syntax is like to left instead of right.
经过排查以及资料搜索，发现是因为渐变的写法变了
旧代码是

 background: -webkit-linear-gradient(left,$gradients-color-lightblue, $gradients-color-deepblue); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(left,$gradients-color-lightblue, $gradients-color-deepblue); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(left,$gradients-color-lightblue, $gradients-color-deepblue); /* Firefox 3.6 - 15 */
background: linear-gradient(left,$gradients-color-lightblue, $gradients-color-deepblue); /* 标准的语法 */

原来的left是作为起点，也就是from left to right的意思，但是现在语法好像变成了to right，把上面的left全部改为to right以后警告不再出现

下面就是没有警告的代码，区别仅在于渐变方向的写法不同

 background: -webkit-linear-gradient(to right,$gradients-color-lightblue, $gradients-color-deepblue); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(to right,$gradients-color-lightblue, $gradients-color-deepblue); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(to right,$gradients-color-lightblue, $gradients-color-deepblue); /* Firefox 3.6 - 15 */
background: linear-gradient(to right,$gradients-color-lightblue, $gradients-color-deepblue); /* 标准的语法 */

top也是同理