CSSのmin()やmax()関数がSassでIncompatible unitsエラーになる｜たかもそ／Web Creator.ここ数年の CSS の進化は目覚ましく、それにより新たな問題が起きるようになりました。Sass には与えられた引数のうち最小値を返す min() 関数と与えられた引数のうち最大値を返す max() 関数があります。 しかし、CSS にも標準で min() 関数と max() 関数が実装されたことにより、関数名の衝突が起きてしまいます。 色々なエラーとはいっても、普通に使う分には問題ありません。 .selector { width: min(1px, 2px); }これを Sass でコンパイルすると、 .selector { width: 1px; }となります。しかし、Sass では解釈できないような vw や vh 単位を使うとエラーが起きます。 .selector { width: min(1px, 1vw); }コンパイルすると、Incompatible units: 'vw' a
