Stylus (язык таблиц стилей)
Перейти к навигации
Перейти к поиску
Эта страница требует существенной переработки. |
Stylus | |
---|---|
![]() | |
Класс языка | Язык описания стилей[d], язык программирования и off-side rule language[d] |
Появился в | 2011 |
Выпуск |
|
Испытал влияние | CSS, LESS и Sass |
Лицензия | лицензия MIT[2] |
Сайт | stylus-lang.com (англ.) |
ОС | кроссплатформенность |
Stylus — препроцессор CSS, использующий SASS-подобный синтаксис с возможностью использовать:
- Математические операторы (унарные/бинарные)
Миксины[править | править код]
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)
- Циклы и условия
Примечания[править | править код]
Ссылки[править | править код]
- stylus-lang.com — официальный сайт Stylus