Less.js: Граница-радиус не разбирается правильно

Созданный на 6 февр. 2020 · 3Комментарии · Источник: less/less.js

если у border-radius есть /, то похоже, что меньше думает, что это деление ...

воспроизвести:

.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, и он должен правильно его проанализировать, оставив только символ / и не интерпретируя его как символ, указывающий, что должно произойти деление.