Less.js: सीमा-त्रिज्या सही ढंग से पार्स नहीं कर रहा है

को निर्मित 6 फ़र॰ 2020 · 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 और मेरे परीक्षण मामले में भी दिखाया गया है।

लिखने की बजाय...
border-radius: 10px 100px / 120px;

लिखो
border-radius: 10px 100px ~"/" 120px;

आपके LESS में और इसे / वर्ण को अकेला छोड़कर इसे सही ढंग से पार्स करना चाहिए और इसे एक ऐसे चरित्र के रूप में व्याख्या नहीं करना चाहिए जो एक विभाजन को इंगित करता है।

kbav 18 फ़र॰ 2020

👍2

सभी 3 टिप्पणियाँ

@heavyk और मेरे परीक्षण मामले में भी दिखाया गया है।

लिखने की बजाय...
border-radius: 10px 100px / 120px;

लिखो
border-radius: 10px 100px ~"/" 120px;

kbav 18 फ़र॰ 2020

👍2

आह बढ़िया, इससे बचने का तरीका जानना मददगार है, धन्यवाद!

heavyk 24 फ़र॰ 2020

इसे बंद करने के कई उपाय हैं। दूसरा गणित मोड को http://lesscss.org/usage/#less -options-math में बदलना है

matthew-dean 30 अप्रैल 2020

👍1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Less.js: सीमा-त्रिज्या सही ढंग से पार्स नहीं कर रहा है

सबसे उपयोगी टिप्पणी

सभी 3 टिप्पणियाँ

संबंधित मुद्दों