Stylus (tyylisivun kieli)

kynä
Kieliluokka Tyylin kuvaus Kieli , ohjelmointikieli ja kieli, joka käyttää sisennystä [d]
Esiintyi 2011
Vapauta
Vaikutettu CSS , LESS ja Sass
Lisenssi MIT-lisenssi [2]
Verkkosivusto stylus-lang.com
OS cross-platform

Stylus on CSS - esiprosessori , joka käyttää SASS :n kaltaista syntaksia ja pystyy käyttämään:

Mixins raja-säde(n) -webkit-border-radius n -moz-border-radius n raja-säde n lomakkeen syöttö[type=button] border-radius (5px)

muuttuu

lomakkeen syöttö [ type = button ] { -webkit- border-radius : 5 px ; -moz- rajan säde : 5 px ; reuna - säde : 5px } Toiminnot kehon täytelisäys (10px, 5)

muuttuu

runko { täyte : 15 px ; } Muuttujat font-size = 14px font = fontin koko "Lucida Grande", Arial kehon fontti, sans-serif

muuttuu...

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

ensimmäinen fontti on säännön nimi, toinen on muuttuja, joka sisältää vielä yhden muuttujan (font-size)

Muistiinpanot

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

Linkit