Less.js: Grenzradius wird nicht richtig geparst
Wenn der Grenzradius ein / enthält, sieht es so aus, als ob weniger denkt, dass es eine Teilung ist ...
reproduzieren:
.border-radius {
border-radius: 34px 0 0 36px / 34px 0 0 36px;
border-radius: 10px 100px / 120px;
}
produziert:
.border-radius {
border-radius: 34px 0 0 1.05882353px 0 0 36px;
border-radius: 10px 0.83333333px;
}
... was falsch ist. Sie können sehen, dass dies hier eine gültige Syntax ist:
https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius
heavyk
Alle 3 Kommentare
Dieses Problem ist in diesem Testfall zu sehen, den ich erstellt habe. Sehen Sie sich das kompilierte CSS an, um zu sehen, wie LESS es rendert.
@heavyk und für alle anderen, die darüber stolpern, beachten Sie, dass Sie Zeichen in meinem Testfall gezeigt.
Anstatt zu schreiben...
border-radius: 10px 100px / 120px;
schreiben
border-radius: 10px 100px ~"/" 120px;
in Ihrem LESS und es sollte es richtig parsen, das / Zeichen allein lassen und es nicht als Zeichen interpretieren, das angibt, dass eine Division stattfinden soll.
kbav
am 18. Feb. 2020
ah cool, zu wissen, wie man dem entkommt, ist hilfreich, danke!
heavyk
am 24. Feb. 2020
Schließen, da dies mehrere Problemumgehungen hat. Die andere besteht darin, den mathematischen Modus wie in http://lesscss.org/usage/#less -options-math . zu ändern
matthew-dean
am 30. Apr. 2020
Verwandte Themen
jonschlinkert
·
112Kommentare
vicb
·
49Kommentare
lukeapage
·
102Kommentare
Jamtis
·
34Kommentare
rjgotten
·
118Kommentare
Hilfreichster Kommentar
Dieses Problem ist in diesem Testfall zu sehen, den ich erstellt habe. Sehen Sie sich das kompilierte CSS an, um zu sehen, wie LESS es rendert.
@heavyk und für alle anderen, die darüber stolpern, beachten Sie, dass Sie Zeichen in meinem Testfall gezeigt.
Anstatt zu schreiben...
border-radius: 10px 100px / 120px;schreiben
border-radius: 10px 100px ~"/" 120px;in Ihrem LESS und es sollte es richtig parsen, das
/Zeichen allein lassen und es nicht als Zeichen interpretieren, das angibt, dass eine Division stattfinden soll.