ここ数年の 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
![CSSのmin()やmax()関数がSassでIncompatible unitsエラーになる|たかもそ/Web Creator.](https://cdn-ak-scissors.b.st-hatena.com/image/square/a2890f46807e18371c097c749f0038413c819270/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F30425611%2Frectangle_large_type_2_4b1c37ca92ee97c7fb5bb52247536665.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)