title: Stylus (lenguaje de hojas de estilo)
text: # Stylus (lenguaje de hojas de estilo)
  
  Stylus es un lenguaje preprocesador de hojas de estilo dinámico que se compila en hojas de estilo en cascada (CSS). Su diseño está influenciado por Sass y LESS. Está considerado como la cuarta sintaxis de preprocesador CSS más utilizada. Fue creado por TJ Holowaychuk, un antiguo programador de Node.js y creador del lenguaje Luna. Está escrito en JADE y Node.js.
  
  # Stylus (lenguaje de hojas de estilo)
  ## Selectores
  
  A diferencia del CSS, que usa llaves para abrir y cerrar los bloques de declaración, se usa la sangría. Además, los puntos y comas (;) se omiten opcionalmente. Por lo tanto, el siguiente CSS:
  Puede ser acortado a:
  Además, los dos puntos (:) y las comas (,) también son opcionales; eso significa que lo anterior puede ser escrito como,
  
  # Stylus (lenguaje de hojas de estilo)
  ## Variables
  
  Stylus permite definir variables, pero a diferencia de LESS y Sass, no utiliza un símbolo para definirlas. Además, la asignación de variables se hace automáticamente separando la propiedad y la(s) palabra(s) clave. De esta manera, las variables son similares a las variables en Python.
  El compilador Stylus traduciría el documento anterior a:
  
  # Stylus (lenguaje de hojas de estilo)
  ## Mixins y funciones
  
  Tanto los mixins como las funciones se definen de la misma manera, pero se aplican de forma diferente.
  Por ejemplo, para definir la propiedad border radius de CSS sin tener que usar varios Vendor Prefixes puedes crear:
  entonces, para incluir esto como una mezcla, te referirías a él como:
  ...a la que esto se compilaría:
  
  # Stylus (lenguaje de hojas de estilo)
  ## Interpolación
  
  Para incluir las variables en los argumentos e identificadores, los caracteres de corchetes rodean la(s) variable(s). Por ejemplo,
  evalúa a