У меня less подключен к css, пишу через less, когда пишу в less

border-radius: 69% 31% 69% 31% / 30% 81% 19% 70%;

В css появляется

border-radius: 69% 31% 69% 1.03333333% 81% 19% 70%;

Как исправить проблему с некорректным значением border-radius в css?

Информатика 8 класс CSS и препроцессоры (LESS) информатика 8 класс less css border-radius проблема с css исправление css некорректное значение стилизация элементов Новый

Проблема, с которой вы столкнулись, связана с тем, как Less обрабатывает значения, которые вы ему передаете. Когда вы используете сложные значения, такие как border-radius с несколькими процентами и делениями, Less может неправильно интерпретировать их, что приводит к некорректным результатам в скомпилированном CSS.

Чтобы исправить эту проблему, вы можете попробовать следующие шаги:

1. Проверьте синтаксис:

   Убедитесь, что вы правильно написали значение border-radius. Формат, который вы используете, должен быть корректным.

2. Разделите значения:

   Попробуйте разделить значения border-radius на две части. Например, вместо того чтобы писать одно значение, создайте два отдельных свойства:

   • Первое значение для радиуса углов.
   • Второе значение для радиуса по оси.

   Пример:

               border-radius: 69% 31% 69% 31%;
               border-radius: 30% 81% 19% 70%;
           

3. Используйте фиксированные единицы измерения:

   Если проблема сохраняется, вы можете попробовать использовать фиксированные единицы измерения (например, пиксели или эм) вместо процентов. Это может помочь избежать путаницы при компиляции.

4. Обновите Less:

   Убедитесь, что вы используете последнюю версию Less. Иногда такие проблемы могут быть вызваны ошибками в старых версиях компилятора.

После выполнения этих шагов попробуйте снова скомпилировать ваш Less-код. Если проблема не исчезнет, возможно, стоит проверить документацию Less или обратиться за помощью на форумы, где обсуждаются вопросы, связанные с Less и CSS.