Curso Básico de Stylus 3 - Mixins

En este tutorial mostramos la utilidad de los mixins y como se utilizan en los archivos Stylus para crear hojas de estilos CSS más rápidas.

Código Stylus:

fuente(size = 10px, family = 'Arial', style = normal)
  font-size size
  font-family family
  font-style style

p
  fuente(20px, 'Arial', normal)

#titulo
  fuente(50px, 'Times New Roman')

.sub-titulo
  fuente(90px, 'Hola',normal)

Código CSS:

p {
  font-size: 20px;
  font-family: 'Arial';
  font-style: normal;
}
#titulo {
  font-size: 50px;
  font-family: 'Times New Roman';
  font-style: normal;
}
.sub-titulo {
  font-size: 90px;
  font-family: 'Hola';
  font-style: normal;
}

Siguenos en: Blogger -- http://codefluid.blogspot.mx Facebook -- https://www.facebook.com/CodeFluid Twitter -- https://twitter.com/CodeFluid GitHub -- https://github.com/CodeFluid Vimeo -- https://vimeo.com/user47266653