Stylus (lenguaje de hojas de estilo)

aguja
clase de idioma Lenguaje de descripción de estilo , un lenguaje de programación y un lenguaje que usa sangría [d]
Apareció en 2011
Liberar
sido influenciado CSS , MENOS y Sass
Licencia licencia MIT [2]
Sitio web stylus-lang.com _ 
sistema operativo multiplataforma

Stylus es un preprocesador de CSS que utiliza una sintaxis similar a SASS con la capacidad de usar:

Mezclas borde-radio(n) -webkit-border-radio n -moz-border-radio n radio de borde m entrada de formulario [tipo = botón] borde-radio (5px)

se transforma en

entrada de formulario [ tipo = botón ] { -webkit- border-radius : 5 px ; -moz- borde-radio : 5 px ; borde - radio : 5px } Funciones cuerpo agregar relleno (10px, 5)

se transforma en

cuerpo { relleno : 15 px ; } Variables tamaño de fuente = 14px fuente = tamaño de fuente "Lucida Grande", Arial cuerpo fuente fuente, sans-serif

se transforma en...

cuerpo { fuente : 14 px "Lucida Grande" , Arial , sans-serif ; }

la primera fuente es el nombre de la regla, la segunda es una variable, que incluye una variable más (tamaño de fuente)

Notas

  1. ↑ Versión 0.59.0 - 2022.
  2. ↑ https://github.com/LearnBoost/stylus/blob/master/LICENSE

Enlaces

 Lenguajes de hojas de estilo ( compare , list )
Modos
Estándar
no estándar