Libsass: دعم CSS min () و max ()

تم إنشاؤها على ٢٥ يوليو ٢٠١٨  ·  9تعليقات  ·  مصدر: sass/libsass

Compatibility - P3 Dart Backport Done Sass 3.6

التعليق الأكثر فائدة

للتوسع في حل width: unquote("min(500px, 90%)");

ال 9 كومينتر

لقد أضفت Libsass (عبر SassC Rails) في مشروع وهو حقًا يسرع الأمور 🚀

ومع ذلك ، لا يمكن لمشروع آخر استخدامه بسبب عدم وجود دعم CSS min() و max() - هل هناك أي فكرة عن موعد دعم ذلك؟

بالتأكيد حريص على رؤية هذا مدعومًا لأن Ruby Sass أصبح الآن موسوعة الحياة.

حالة اختبار إضافية:
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() وأوصي بتنظيف ذلك إذا كنت بحاجة إلى إخراج وظائف CSS التي يريد Sass تفسيرها. xo

للتوسع في حل width: unquote("min(500px, 90%)");

للتوسع في حل width: unquote("min(500px, 90%)");

إنه يعمل بشكل مثالي عندما علقت مع min(10vw + 10%, 100px);
كما أنه يعمل بشكل مثالي مع الاستيفاء.

$test: 20vw;
width: unquote("max(#{$test} + 10%, 100px)");

شكرا للمشاركة.

هذا السلوك محير حقًا ويجب إصلاحه. لم أتمكن من معرفة سبب حدوث خطأ من جانب الخادم أثناء استخدامي لبعض أكواد CSS ... كانت المشكلة أنه تم تفسير min على أنه دالة SASS.

إغلاق هذا لأن LibSass أصبح الآن مهملاً ولا نتوقع إضافة أي ميزات إضافية إليه.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات