Less.js: border-radius tidak diurai dengan benar

Dibuat pada 6 Feb 2020 · 3Komentar · Sumber: less/less.js

jika radius perbatasan memiliki / di dalamnya, maka sepertinya kurang berpikir itu pembagian ...

untuk mereproduksi:

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

menghasilkan:

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

... yang tidak benar. anda dapat melihat ini adalah sintaks yang valid di sini:
https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius

Sumber

heavyk

👍2

Komentar yang paling membantu

Masalah ini dapat dilihat pada test case yang saya buat ini. Lihat CSS yang dikompilasi untuk melihat bagaimana LESS merendernya.

@heavyk dan untuk siapa pun yang tersandung dalam hal ini, perhatikan bahwa Anda dapat keluar dari karakter di KURANG, yang merupakan alat praktis untuk mengatasi masalah penguraian. Ini juga ditunjukkan dalam kasus pengujian saya .

Alih-alih menulis...
border-radius: 10px 100px / 120px;

menulis
border-radius: 10px 100px ~"/" 120px;

di KURANG Anda dan itu harus menguraikannya dengan benar, membiarkan karakter / saja dan tidak menafsirkannya sebagai karakter yang menunjukkan pembagian akan terjadi.

kbav pada 18 Feb 2020

👍2

Semua 3 komentar

Masalah ini dapat dilihat pada test case yang saya buat ini. Lihat CSS yang dikompilasi untuk melihat bagaimana LESS merendernya.

Alih-alih menulis...
border-radius: 10px 100px / 120px;

menulis
border-radius: 10px 100px ~"/" 120px;

di KURANG Anda dan itu harus menguraikannya dengan benar, membiarkan karakter / saja dan tidak menafsirkannya sebagai karakter yang menunjukkan pembagian akan terjadi.

kbav pada 18 Feb 2020

👍2

ah keren, mengetahui cara melarikan diri sangat membantu, terima kasih!

heavyk pada 24 Feb 2020

Penutupan karena ini memiliki beberapa solusi. Yang lainnya adalah mengubah mode matematika seperti pada http://lesscss.org/usage/#less -options-math