Libsass: CSS min()およびmax()をサポートします

作成日 2018年07月25日  ·  9コメント  ·  ソース: sass/libsass

Compatibility - P3 Dart Backport Done Sass 3.6

最も参考になるコメント

@maxfentonのソリューションについてwidth: unquote("min(500px, 90%)");

全てのコメント9件

プロジェクトに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は非推奨になり、機能を追加する

このページは役に立ちましたか?
0 / 5 - 0 評価