プロジェクトにLibsassを(SassC Rails経由で)追加しましたが、本当にスピードアップしました🚀
ただし、CSS min()
とmax()
サポートがないため、別のプロジェクトでは使用できません😢-これがいつサポートされるかについてのアイデアはありますか?
Ruby SassがEOLになっているので、これがサポートされることを絶対に望んでいます。
追加のテストケース:
html {
font-size: min(max(16px, 4vw), 22px);
}
SassError: Internal Error: Incompatible units: 'px' and 'vw'.
@maxfentonこれは私のために働いた:
https://github.com/sass/sass/issues/2378#issuecomment -433868712
私はSass unquote()
を使用して問題を解決し、Sassが解釈したいCSS関数を出力する必要がある場合は、それをブラッシュアップすることをお勧めします。 xo
@maxfentonのソリューションについてwidth: unquote("min(500px, 90%)");
@maxfentonのソリューションについて
width: unquote("min(500px, 90%)");
min(10vw + 10%, 100px);
行き詰まったときは完璧に動作します
また、補間でも完全に機能します。
$test: 20vw;
width: unquote("max(#{$test} + 10%, 100px)");
共有していただきありがとうございます。
この動作は本当に紛らわしいので、修正する必要があります。 単にCSSコードを使用しているときに、サーバー側のエラーが発生した理由がわかりませんでした...問題は、 min
がSASS関数として解釈されることでした。
LibSassは非推奨になり、機能を追加する
最も参考になるコメント
@maxfentonのソリューションについて
width: unquote("min(500px, 90%)");