STYLUS - TRABAJANDO CON EL PREPROCESADOR DE CSS

¿Porqué o para que stylus? En resumidas palabras... Limpieza, rápidez, compresión, optimización, visualización, distribución y multiplicidad de css ejecutando un comando de compilación basado en otro .styl.

Instalación: Desde tu consola sea cual sea el OS, siempre y cuando tengas instalado nodejs, ejecutar el siguiente comando: npm install -g stylus. Extraer el archivo comprimido en donde gustes como referencia (ya en el prompt se agregaron los comandos de stylus).

HelloWorld stylus: Crea tu archivo .styl, inyecta parametros, y ve a tu consola de nuevo. Ejecutar desde consola el siguiente comando: stylus -c archivo.styl y será compilado tu archivo .styl a formato .css.
Para probar crea un archivo index.html, en el head has referencia al archivo .css y cada vez que cambies y ejecutes la compilación del archivo .styl podrás ver como cambia el .css y tu página web.

Mantener el compilador de stylus escuchando automáticamente cualquier cambio: Simplemente agrega al comando de compilación la etiqueta "-w" seguida de "-c". Ejemplo: stylus -c -w archivo.styl. El comportamiento será parecido al siguiente: ****** WATCHING ****** COMPILING ****** WATCHING