More than 5 years have passed since last update.

Gradient has outdated direction syntax. New syntax is like "to left" instead of "right".

Last updated at 2016-12-29Posted at 2016-12-29

久々に昔建てたサイトでcssの変更があったので、 gulp　でsassコンパイルしてみると下記のエラーが。

[12:15:57] autoprefixer: [PATH] Gradient has outdated direction syntax. New syntax is like "to left" instead of "right".

sample.scss

background-image: linear-gradient(top, #aaa 80%, #555);

linear-gradient の書き方が駄目ですよって話でした。
https://www.w3.org/TR/css3-images/#linear-gradients

上記の書き方は下記に修正したら大丈夫でした。

sample.scss

background-image: linear-gradient(to bottom, #aaa 80%, #555);

本番環境だったので焦った😅