Boas práticas SASS

Começando … Isso é o que penso e é assim que faço o trabalho. E a dica profissional não é definitiva, é uma espécie de rascunho. Sinta-se à vontade para expressar seus comentários.

Regra 1

Cumpra sempre as regras!

Regra # 2

Se você não puder, observe a Regra # 1

Regra # 3

Cada parcial tem no máximo 100 linhas. Sim, isso é tudo. E se você não pode torná-lo mais curto, tente a sintaxe .sass em vez de .scss. Refatore ou divida o arquivo em outros menores.

Regra # 4

Use recuos com sabedoria. Escrever algo enorme com muitas intenções pode ser legal, mas não legal de ler.

Regra # 5

Usando folhas de estilo de terceiros, como jQuery UI? Converta-os em SASS. Menos conexões são as melhores conexões. Coloque tudo isso em / vendor e depois em @import e seja feliz. E lembre-se da regra # 3 .

Regra # 6

Desta vez, trata-se de HTML, fora do tópico. Use dois espaços para adicionar classes a um elemento. Por exemplo:
<div class="pull-left image-container with-border">

Regra # 7

Faça todas as suas importações em um só lugar.

Regra # 8

Escreva-lhes um mini-glossário para que todos saibam qual pasta e arquivo contém o quê. Adicione conteúdo a ele sempre que criar uma nova parcial.