Less.js: لم يتم تحليل نصف قطر الحدود بشكل صحيح

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

إذا كان نصف قطر الحد يحتوي على / بداخله ، فيبدو أنه أقل من يعتقد أنه تقسيم ...

لإعادة إنتاج:

.border-radius {
  border-radius: 34px 0 0 36px / 34px 0 0 36px;
  border-radius: 10px 100px / 120px;
}

ينتج عنه:

.border-radius {
  border-radius: 34px 0 0 1.05882353px 0 0 36px;
  border-radius: 10px 0.83333333px;
}

... وهو غير صحيح. يمكنك أن ترى أن هذا بناء جملة صالح هنا:
https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius

مصدر

heavyk

👍2

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

يمكن رؤية هذه المشكلة في حالة الاختبار هذه التي قمت بإنشائها. اعرض CSS المترجمة لترى كيف يعرضها LESS.

heavyk ولأي شخص آخر يتعثر في هذا الأمر ، لاحظ أنه يمكنك الهروب من الأحرف في LESS ، وهي أداة مفيدة للتغلب على مشكلات التحليل. يظهر هذا أيضًا في حالة الاختبار الخاصة بي .

بدلا من الكتابة ...
border-radius: 10px 100px / 120px;

اكتب
border-radius: 10px 100px ~"/" 120px;

في LESS الخاص بك ويجب أن يحللها بشكل صحيح ، مع ترك الحرف / بمفرده وعدم تفسيره على أنه حرف يشير إلى أن القسمة ستحدث.