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.
El lenguaje CSS ayuda a definir la presentación visual de los elementos de una página escrita en un lenguaje de marcas (como HTML). Sin una hoja de estilos en cascada, especificar el aspecto de un sitio web sería muy engorroso. Pero, por otra parte, la sintaxis de CSS presenta algunas limitaciones:
1- No permite definir variables. Si necesitamos utilizar varias veces un mismo valor para distintas propiedades, nos veremos obligados a copiarlo y pegarlo cada vez.
2- No permite reutilizar una regla entera como parte de otra regla.
3- La herencia entre elementos puede resultar confusa.
Por suerte, existen herramientas que resuelven estos problemas. Un preprocesador de CSS nos permite escribir hojas de estilo con una sintaxis mejorada y las «traduce» al CSS oficial para que puedan ser interpretadas por un browser. El navegador no encontrará dificultades, ya que accederá a un documento compilado con la sintaxis normal.
0 Comentarios