Stylus (язык таблиц стилей)
Из Википедии, бесплатной энциклопедии
Эту статью предлагается удалить. |
Stylus | |
---|---|
Класс языка | Язык описания стилей, язык программирования и язык, использующий отступы[вд] |
Появился в | 2011 |
Расширение файлов | .styl |
Выпуск | |
Испытал влияние | 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