jueves, 31 de marzo de 2016

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

Reacciones:

0 comentarios:

Publicar un comentario