Formatting

• 2 Espacios de identacion
• Para nosotros que usamos BEM, el nombre de las clases lo usaremos con Underscores(Guion Bajo) o PascalCasing(La primer letra de todas las palabras en mayuscula)
• NO USAR SELECTORES DE ID
• Cuando se usan multiples selectores, se separan cada uno en una linea
• Espacio despues de {
• Espacio despues de : en las propiedades
• Los } Van en una nueva linea
• Espacio en blanco entre declaraciones

.avatar {
  border-radius: 50%;
  border: 2px solid white;
}

.one,
.selector,
.per-line {
  // ...
}

Comments

• Se usan comentarios de LINEA, no los que son extensibles por asi decirlo
• Se usan comentarios que tienen su propia linea, nada de comentarios a los costados del codigo oasi
• Escribir comentarios detallados para codigo que no se explica solo como usos de z-index o hacks para un browser en especifico

OOCSS and BEM

Se recomienda el uso de BEM con PascalCase Que funciona particularmente bien con componentes de React

OOCSS(Object Oriented CSS)