Stylus (stilmallsspråk)

nål
Språkklass Style Description Language , ett programmeringsspråk och ett språk som använder indrag [d]
Framträdde i 2011
Släpp
Blivit påverkad CSS , LESS och Sass
Licens MIT-licens [2]
Hemsida stylus-lang.com
OS plattformsoberoende

Stylus är en CSS -förprocessor som använder en SASS- liknande syntax med möjligheten att använda:

Mixins gränsradie(n) -webkit-gräns-radie n -moz-gräns-radie n gränsradie n formulärinmatning[typ=knapp] border-radius(5px)

förvandlas till

form input [ typ = knapp ] { -webkit- border- radius : 5 px ; -moz- border-radie : 5 px ; kant - radie : 5px } Funktioner kropp padding add (10px, 5)

förvandlas till

body { padding : 15 px ; } Variabler teckensnittsstorlek = 14px font = font-size "Lucida Grande", Arial kropp font font, sans-serif

förvandlas till...

body { font : 14 px "Lucida Grande" , Arial , sans-serif ; }

det första teckensnittet är namnet på regeln, det andra är en variabel som innehåller ytterligare en variabel (teckenstorlek)

Anteckningar

  1. Utgåva 0.59.0 - 2022.
  2. https://github.com/LearnBoost/stylus/blob/master/LICENSE

Länkar