rules.less

// gente, reglas generales de escritura en los estilos, PORFA, siganlas

// ----
// entre selectores hermanos, una linea:

// bien:
.casa {

}

.casita {
  
}

// mal:

.casa {
  
}
.casita {
  
}

// ----
// entre el selector y la llave un espacio:

// bien:
.casa {
  
}

// mal:
.casa{
  
}

// ----
// sin espacios luego de las reglas:

// bien:
.casa {
  color: red;
}

// mal:
.casa {
  color: red;



}

// ----
// primero reglas y luego selectores:

// bien:
.casa {
  color: red;

  .casita {

  }

  .perro {

  }
}

// mal: 
.casa {
  .casita {

  }

  color: red;

  .perro {

  }
}

// ----
// Al utilizar "em" agregar un comentario a su derecha sobre la conversión utilizada.

// bien:
.casa {
  margin-left: 1em;  // 16 / 16 = 1
}

// mal: 

.casa {
  margin-left: 1em;
}