Please enable JavaScript.
Coggle requires JavaScript to display documents.
Less (O que é? (É uma linguagem baseada no css, onde supre os recurso que…
Less
O que é?
É uma linguagem baseada no css, onde supre os recurso que fazem falta nele.
É também chamado de pré-processador, pois irá gerar um arquivo css no final
Algum dos seus recursos são o suporte a variáveis. operações aritméticas, sintaxe mais compacta para representar hierarquias
-
Aritmética
Possui os mesmos operadores que as outras linguagens, podendo também ser usados com as variáveis
-
Hierarquia
O Less possui uma maneira diferente de hierarquia, onde você reuni toda a estilização em um único bloco, em vez de ter a estilização de uma classe ou id espalhado no código
-
Funções
Você também pode usar funções no less, elas possuem a mesma sintaxe que você já conhece
Tem algumas daora que o less já oferece, que é a lighten que clarea as cores que você passar como argumento, e a saturate que satura as cores
Mixins
-
Exemplo da sintaxe:
.arredonda(@ raio : 5px){
-webkit-border-radius: @ raio;
-moz-border-radius: @ raio;
border-radius: @ raio;
}
Executando o less
Você pode executar o less em tempo de execução simplesmente adicionando um arquivo javascript da versão standlone disponível no site do LESS
Mas o mais recomendável é que você já o compile previamente, você pode fazer isso no servidor com o node