function-linear-gradient-no-nonstandard-direction
禁止线性渐变函数使用非标准方向值。
.foo { background: linear-gradient(to top, #fff, #000); }
/** ↑
* This (optional) first argument is the "direction" */
有效且标准的方向值如下
- 角度
to
加上一个边或角(to top
、to bottom
、to left
、to right
;to top right
、to right top
、to bottom left
等)
一个常见的错误(与过时的非标准语法匹配)是仅使用一个边或角,而没有前面的 to
。
选项
true
以下模式被视为问题
.foo { background: linear-gradient(top, #fff, #000); }
.foo { background: linear-gradient(bottom, #fff, #000); }
.foo { background: linear-gradient(left, #fff, #000); }
.foo { background: linear-gradient(45, #fff, #000); }
.foo { background: linear-gradient(to top top, #fff, #000); }
以下模式不被视为问题
.foo { background: linear-gradient(to top, #fff, #000); }
.foo { background: linear-gradient(to bottom right, #fff, #000); }
.foo { background: linear-gradient(45deg, #fff, #000); }
.foo { background: linear-gradient(1.57rad, #fff, #000); }
/* Direction defaults to "to bottom" */
.foo { background: linear-gradient(#fff, #000); }