概要
CSSで値を0px,0%などを使用する時、以下のように省略して0を使用できます。
top: 0px;
/* top: 0px;と同じ意味 */
top: 0;
同じ様な考えで以下のように記述できる気がします。
left: max(1000px, 0);
しかし、実際にはmax関数では単位を省略すると比較が出来ないという理由から、省略すると「invalid property value」というエラーになります。
解決法
単位指定をつけると大丈夫です。
left: max(1000px, 0px);
※stylelintでの対応
自分がこのエラーにハマった理由は、stylelintのlength-zero-no-unitのルールによって、0px指定が使えなかったためです。
この問題については、すでにissuが上がっており、修正されていました。
今後のリリースで修正されそうです。
↧