Problems with LESS?

Question

css

Good afternoon!
First time working with LESS. The problem is that FireFox does not display the font color I set. here is the code:

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

those. bgc is rendered and the font color comes from the body. Change the font color in the body - changed, still the default is #333.
I will be very glad to help!

Answer 1

In its purest form, browsers do not understand either LESS or other preprocessors. To make it work, you need to convert it to CSS first. Developers usually do this with custom builders like Grunt/Gulp. Here is a very good Grunt tutorial for example .

Answer 2

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

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