Bom eu acredito que o Less talvez não possa ser uma linguagem de programação, então o que ele é? onde se classifica?
Se ele for realmente uma linguagem de programação o que o faz ser?
Bom eu acredito que o Less talvez não possa ser uma linguagem de programação, então o que ele é? onde se classifica?
Se ele for realmente uma linguagem de programação o que o faz ser?
LESS é uma linguagem de folhas de estilo dinâmica, mas não uma linguagem de programação - pois não é Turing-complete.
Suas principais características são:
Variáveis
@pale-green-color: #4D926F; // Definição de variável
#header {
color: @pale-green-color; // utilização de variável
}
h2 {
color: @pale-green-color;
}
Mixins
.rounded-corners (@radius: 5px 10px 8px 2px) { // Definição da primitiva
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
#header {
.rounded-corners; // Utilização da primitiva
}
Estilo em aninhamento
.header {
p {
font-size: 16px // compilado como .header p {...}
a {
text-decoration: none; // compilado como .header p a {...}
&:hover {
border-width: 1px;
}
}
}
}
Browsers não intepretam LESS. Um arquivo LESS deve ser interpretado quando o código estiver pronto para o ambiente-alvo, e o resultado da interpretação é um arquivo CSS padrão que é então disponibilizado para consumo.
LESS não é uma linguagem de programação e sim um pré processador CSS assim como SASS.
O intuito do LESS é estender as capacidades do CSS, adicionando novos recursos para gerar CSS como mixins, functions e variáveis - todos recursos inexistentes em CSS.
O processador LESS se encarrega de transformar seu código LESS em CSS puro para que seja utilizado da maneira usual.
Tendo dúvidas sobre as características de uma linguagem de programação, visite o link contido no comentário do @Maniero em seu post.
LESS é referenciado como uma linguagem, ele gera o CSS partindo de uma lógica. LESS gera CSS assim como PHP termina em HTML. Não podemos negar que ele é mais complexo, mas em prol de menos código para fazer mais além de termos menos refação. Você pode encontrar mais detalhes sobre as funcionalidades que pode utilizar nos próprios exemplos da documentação no link abaixo.