Stylus (язык таблиц стилей)

Stylus — препроцессор CSS, использующий SASS-подобный синтаксис с возможностью использовать:

  • Математические операторы (унарные/бинарные)
Stylus
Класс языка Язык описания стилей[d], язык программирования и off-side rule language[d]
Появился в 2011
Выпуск
Испытал влияние CSS, LESS и Sass
Лицензия лицензия MIT[2]
Сайт stylus-lang.com​ (англ.)
ОС кроссплатформенность

Миксины

 
border-radius(n)
  -webkit-border-radius n
  -moz-border-radius n
  border-radius n

form input[type=button]
  border-radius(5px)

транформруется в 

form input[type=button] {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

Функции

 
 body 
   padding add(10px, 5)

трасформируется в 

body {
   padding: 15px;
 }

Переменные

 
font-size = 14px
font = font-size "Lucida Grande", Arial

body
  font font, sans-serif

трансформируется в...

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

первый font - название правила, второй - переменная, что включает в себя еще одну переменную (font-size)

Примечания
  1. https://github.com/stylus/stylus/releases/tag/0.54.7
  2. https://github.com/LearnBoost/stylus/blob/master/LICENSE

Ссылки
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.