Less.js: أقل لا يدعم وظائف الرياضيات الجديدة (على سبيل المثال min ، max)

تم إنشاؤها على ١٦ يناير ٢٠٢٠  ·  4تعليقات  ·  مصدر: less/less.js

border-width: max(.01rem, 1px);

هذا الرمز سوف يكسر عملية الترجمة.

feature request high priority

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

ملاحظة: من المحتمل أن يكون هذا صحيحًا أيضًا لوظيفة clamp() ذات الصلة.

حل

لأي شخص يواجه هذا ويحتاج إلى حل بديل ، يمكنك دائمًا استخدام إمكانيات الهروب من سلسلة LESS لتمرير سلسلة عادية إلى CSS ، على سبيل المثال.

border-width: ~"max(.01rem, 1px)";

ال 4 كومينتر

ملاحظة: من المحتمل أن يكون هذا صحيحًا أيضًا لوظيفة clamp() ذات الصلة.

حل

لأي شخص يواجه هذا ويحتاج إلى حل بديل ، يمكنك دائمًا استخدام إمكانيات الهروب من سلسلة LESS لتمرير سلسلة عادية إلى CSS ، على سبيل المثال.

border-width: ~"max(.01rem, 1px)";

@ kbav شكرًا , هذا مفيد حقًا!

إذا كنت بحاجة إلى استخدام متغيرات أقل ، مثل max(@my-var, 1px) ، فيمكنك القيام بذلك

@my-var: .01rem;
--my-var: @my-var;
border-width: ~"max(var(--my-var), 1px)";

يجب أن يعمل اعتبارًا من أقل من 4

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