Stylus (язык таблиц стилей)
Stylus — препроцессор CSS языка с SASS-подобным синтаксисом и возможностью использовать математические операции, примеси, функции, переменные, циклы и условия.
Для синтаксиса характерно использование отступов вместо скобок и отсутствие точек с запятой.
Общие сведения
| Stylus | |
|---|---|
| Класс языка | Язык описания стилей, язык программирования и язык, использующий отступы[d] |
| Появился в | 2011 |
| Расширение файлов |
.styl |
| Выпуск |
|
| Испытал влияние | 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)
Примечания
Ссылки
- stylus-lang.com — официальный сайт Stylus
