Переопределить свойство / значение переменной меньше с помощью встроенной переменной в jsp/html

Question

У меня есть ситуация, когда я должен переопределить свойство / значение менее переменной с помощью встроенной переменной, записанной в jsp / html. Я определяю несколько переменных в основном файле (abc.less) следующим образом:

@bodyColor: rgb(88,90,91); // (#585a5b) grayish
@brandColor1: rgb(23,59,107); // (#173b6b) dark

и я пишу следующие в jsp / html для изменения цвета, я использую то же имя переменной, что и основной файл.

@bodyColor: rgb(255,0,0); // (#ff0000) redish
@brandColor1: rgb(204,204,204); // (#cccccc) grayish

но оно переопределяет основное свойство файла, пожалуйста, дайте мне знать, как оно будет работать. Заранее спасибо.

Answer 1

Вы можете создать файл со всеми цветами, определенными в нем как colors.less

@bodyColor: rgb(255,0,0); // (#ff0000) redish
@brandColor1: rgb(204,204,204); // (#cccccc) grayish

затем добавьте следующее утверждение вверху во всех остальных файлах,

@import "colors.less";

Таким образом, нет необходимости изменять цвета во всех файлах, вместо этого вы можете просто изменить его в colors.less файл, и он будет обновляться во всех других местах.

Вы можете использовать тот же метод для определения и повторного использования стилей, mixins и других переменных.