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

Stylus
Stylus
Класс языка	Язык описания стилей, язык программирования и язык, использующий отступы[вд]
Появился в	2011
Расширение файлов	.styl
Выпуск	0.63.0 (5 марта 2024);
Испытал влияние	CSS, LESS и Sass
Лицензия	лицензия MIT
Сайт	stylus-lang.com (англ.)
ОС	кроссплатформенность

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

Для синтаксиса характерно использование отступов вместо скобок и отсутствие точек с запятой.

Основные конструкции языка

Математические операции

Миксины

border-radius(n)  -webkit-border-radius n  -moz-border-radius n  border-radius nform 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 = 14pxfont = font-size "Lucida Grande", Arialbody  font font, sans-serif

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

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

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

Циклы и условия

Примечания

Ссылки

stylus-lang.com — официальный сайт Stylus

[1]

[2]

Search