Abordaremos algumas questões do LESS, uma linguagem de folhas de estilos usada no Sysphera UX. Explicaremos como utilizá-la, quando criar uma nova classe, onde inserí-la e o que fazer e o que não fazer.

A primeira coisa a ser explicada é a diferença entre PP e SU.
A sigla PP quer dizer que o estilo que está na classe pertence ao Power Planning, que era utilizada no passado devido aos estilos herdados do bootstrap, servindo como divisão entre as classes vindas do bootstrap e as que foram construídas posteriormente.
Futuramente começou-se a usar o SU, que era justamente para que essas classes que antes funcionavam em vários lugares, quando fossem alteradas, criassem uma nova classe, evitando com que alguma informação legado parasse de funcionar.

Outra coisa importante de se fazer: sempre que for criada uma classe para algum componente/botão, sempre colocá-la no LESS respectivo aquela classe.
É fundamental colocar o nome do componente/página/window que estiver sendo criada, logo após a sigla SU, pois fica mais simples de ler e ver se aquilo foi utilizado em algum outro lugar e de onde que está vindo a classe.

CONTEÚDO:
Parte 01 - Power Planning e SU
Parte 02 - Especificar classes nas páginas LESS
Parte 03 - Evitar indentações longas
Parte 04 - Quando criar uma nova classe?
Parte 05 - Especificações em hierarquia e ao lado
Parte 06 - Data Keys
Parte 07 - Quando usar pixel e rem
Parte 08 - Variáveis
Parte 09 - VH (viewport height)
Parte 10 - Variáveis pt.2
Parte 11 - Dúvidas e comentários