تجميع أقل العدوانية مع حساب CSS3


Answers

A usecase of usecase of calc is a common common usecase of calc is take 100٪ width and adding some margin around the element.

يمكن للمرء القيام بذلك من خلال:

@someMarginVariable = 15px;

margin: @someMarginVariable;
width: calc(~"100% - "@someMarginVariable*2);
width: -moz-calc(~"100% - "@someMarginVariable*2);
width: -webkit-calc(~"100% - "@someMarginVariable*2);
Question

OrangeBits ( OrangeBits و 1.3.0.5 dotless ) يترجمون بقوة

body { width: calc(100% - 250px - 1.5em); }

إلى

body { width: calc(-151.5%); }

وهو بالطبع غير مرغوب فيه. أنا أتساءل عما إذا كان هناك طريقة للإشارة إلى مترجم أقل لتجاهل أساسا السمة أثناء التجميع. لقد بحثت في وثائق "الوثائق" ووثائق المترجمين ، ولم أتمكن من العثور على أي شيء.

هل يدعم هذا البرنامج أم أقل؟

إذا لم يكن كذلك ، فهل هناك موسع CSS يقوم بذلك؟




أعلم أن هذا أمر قديم ، ولكن هناك طريقة أكثر إدرارًا لتضمين المتغيرات داخل حساب الهروب ، كما هو موضح في هذه المشاركة: https://github.com/less/less.js/issues/974

@variable: 2em;

body{ width: calc(~"100% - @{variable} * 2");}

باستخدام الأقواس المتعرجة لا تحتاج إلى إغلاق وإعادة فتح علامات الاقتباس.