Curso Básico 6.2 - Funciones (Nombrar Parámetros) | Stylus

En el siguiente curso se muestra una gran funcionalidad de Stylus que es la de nombrar a los parámetros sin importar su orden, especificando el nombre del parámetro seguida de su valor con el signo de dos puntos (:) Código Stylus suma(a, b) suma = (b * 2px) + (a - 10px) return suma p font-size suma(b:10px, a:20px) Código CSS p { font-size: 30px; } Siguenos en: Blogger -- http://codefluid.blogspot.mx Facebook -- https://www.facebook.com/CodeFluid Twitter...

Leer Más

Curso Básico 6.1 - Funciones (Parámetros Default) | Stylus

En este tutorial se mostró la forma en que se declaran los parámetros con valores predeterminados, por si en algún momento se nos olvida colocar el parámetro. Código Stylus suma(a = 10px, b = 10px) a+b body margin suma(20px) Código CSS body { margin: 30px; } Siguenos en: Blogger -- http://codefluid.blogspot.mx Facebook -- https://www.facebook.com/CodeFluid Twitter -- https://twitter.com/CodeFluid GitHub -- https://github.com/CodeFluid Vimeo...

Leer Más

Curso Básico 6 - Funciones (Sintaxis) | Stylus

En este tutorial se muestra la forma en que se declaran y como mandar a llamarlas en cualquier parte de nuestro código Código Stylus suma(a, b) s = a + b return s button margin suma(47px, 20px) Código CSS button { margin: 67px; } Siguenos en: Blogger -- http://codefluid.blogspot.mx Facebook -- https://www.facebook.com/CodeFluid Twitter -- https://twitter.com/CodeFluid GitHub -- https://github.com/CodeFluid Vimeo --...

Leer Más

Curso Básico 5 - Interpolación | Stylus

En el siguiente tutorial mostramos la forma en la que se declara una interpolación en Stylus. Código Stylus comp(prop, val) -webkit-{prop} val -moz-{prop} val {prop} val button comp('border-radius', 2px 2px) Código CSS button { -webkit-border-radius: 2px 2px; -moz-border-radius: 2px 2px; border-radius: 2px 2px; } Siguenos en: Blogger -- http://codefluid.blogspot.mx Facebook -- https://www.facebook.com/CodeFluid Twitter...

Leer Más

Notepad++ v6.9.1

4 MB Es un editor de texto y de código fuente libre con soporte para varios lenguajes de programación. De soporte nativo a Microsoft Windows. Se parece al Bloc de notas en cuanto al hecho de que puede editar texto sin formato y de forma simple. No obstante, incluye opciones más avanzadas que pueden ser útiles para usuarios avanzados como desarrolladores y programadores. Se distribuye bajo los términos de la Licencia Pública General de...

Leer Más

Curso Básico 4.1 - Condicionales (unless) | Stylus

En el siguiente tutorial mostramos la manera de declarar la condicional unless y en que consiste. Código Stylus size(size) unless (size > 20px) font-size size+10px p size(12px) Código CSS p{ font-size: 22px; } 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.c...

Leer Más

Curso Básico de Stylus 4 - Condicionales (if-else)

En este tutorial mostramos como hacer uso de la condicional if-else Código Stylus fuente(size, weight) font-size size if(weight) font-weight bold else font-weight normal #titulo fuente(20px, false) Código CSS #titulo { font-size: 20px; font-weight: normal; } Siguenos en: Facebook -- https://www.facebook.com/CodeFluid Twitter -- https://twitter.com/CodeFluid GitHub -- https://github.com/CodeFluid Vimeo...

Leer Más