Проблемы с LESS?

Question

[HelenaS]

Добрый день!

Первый раз работаю с LESS. Проблема в состоит в том, что в FireFox не отображает заданый мною цвет шрифта. вот код:

@whiteColor: #fff;
@siteColor: #39c9da;
footer {
	height: 48px;
	line-height: 48px;
	font-size: @mainFont;
	color: @whiteColor;
	background-color: @siteColor;
}

т.е. bgc отображается, а цвет шрифта идет от body. Поменять цвет шрифта в body - меняла, все равно по умолчанию остается #333.

Буду очень рада помощи!

Answer 1

[Денис Инешин]

В чистом виде браузеры не понимают ни LESS, ни другие препроцессоры. Чтобы все заработало, вам нужно вначале преобразовать его в CSS. Обычно разработчики делают это с помощью специальных сборщиков, вроде Grunt/Gulp. Вот например очень хороший туториал по Grunt.

Comments

[HelenaS]

Спасибо за рекомендацию. Но, например, "в живую", как с обычным css, я свои изменения в документе less видеть не могу?

[Денис Инешин]

HelenaS: можете, Grunt/Gulp работают очень быстро. По сути они делают преобразование в CSS пока вы нажимаете CTRL+S у себя в редакторе.

[HelenaS]

Спасибо!

Answer 2

[sim3x]

lesscss.org

Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.

Answer 3

[sergski]

lesscss.org
compass.kkbox.com
mhs.github.io/scout-app