Sassでminとmax関数の単位をコンパイルする方法

CSS

Sassではなく通常のCSSファイルだと、以下のように記述してもCSSが適応されます。

width: min(2vw,30px);

しかし、このままのコードをSassファイルに記述しても、Sassファイルではコンパイルされません。

Sassminmax関数の単位をコンパイルするには、以下のコードのように「unquote関数」を追記してあげましょう。

width: unquote('min(2vw, 30px)');

すると、Sassファイルでもminとmaxがコンパイルされるようになりました。

width: min(2vw, 30px);