Stylus

Stylus es un lenguaje de 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. Se considera la cuarta sintaxis de preprocesador de CSS más utilizada. Fue creado por TJ Holowaychuk, un ex programador de Node.js y el creador del lenguaje Luna. Está escrito en JADE y Node.js. Selectors A diferencia de CSS, que utiliza llaves para abrir y cerrar bloques de declaraciones, se utiliza sangría. Además, los puntos y comas se omiten opcionalmente. Por lo tanto, el siguiente CSS: body { color: white; } se puede acortar a: body color: white Además, los dos puntos (:) y las comas también son opcionales; es decir, lo anterior se puede escribir como, body color white Variables Stylus permite definir variables; sin embargo, a diferencia de Less y Sass, no utiliza un símbolo para definirlas. Además, la asignación de variables se realiza automáticamente separando la propiedad y las palabras clave. De este modo, las variables son similares a las variables en Python. message = 'Hello, World!' div::before content message color #ffffff