Как получить окончательные значения переменных в файле, который обычно определяется в файле variables.less? - PullRequest
0 голосов
/ 01 июня 2019

с современными инструментами сборки, мы можем легко создать окончательный CSS для less / sass.Например, мы можем использовать gulp, webpack с меньшим количеством инструментов для создания окончательного CSS, начиная с файла entry style.less.В стилевом дизайне у нас обычно есть переменная. Без определения конкретного дизайна для этой темы.Например, с хорошо известной платформой начальной загрузки, у нас есть что-то вроде этого в variables.less:

@gray-base:              #000;
@gray-darker:            lighten(@gray-base, 13.5%); // #222
@gray-dark:              lighten(@gray-base, 20%);   // #333
@brand-primary:         darken(#428bca, 6.5%); // #337ab7
@brand-success:         darken(@gray-base, 93.5%);
//** Global textual link color.
@link-color:            @brand-primary;
//** Link hover color set via `darken()` function.
@link-hover-color:      darken(@link-color, 15%);

мой вопрос: Как я могу получить окончательный файл variables.txt, который имеет чистые значения после оценки функций (затемнить, осветлить и т. Д.), Возможно следующим образом:

@gray-base:              #000;
@gray-darker:            #222
@gray-dark:              #333
@brand-primary:          #337ab7
@brand-success:          #44444;
//** Global textual link color.
@link-color:            #337ab7;
//** Link hover color set via `darken()` function.
@link-hover-color:      #345334;
...