Следить за новостями:

Категории
Свежие записи
BrainFБлог

Stylus

Вольный перевод документации css-препроцессора stylus, а так же некоторые собственные изыскания в изучении онного.

Наследование (@extend) — Stylus

Директива @extend заимствована (и работает так же) из SASS, лишь с некоторыми отличиями. Эта функция значительно упрощает поддержку семантических правил, которые наследуются от других семантических правил.

Читать дальше

Интерполяция (interpolation) — Stylus

Stylus поддерживает интерполяцию с помощью выражения заключенного в фигурные скобки {}, которое затем становится частью идентификатора. Например, -webkit-{‘border’ + ‘-radius’} принимает значение -webkit-border-radius.

Читать дальше

Переменные (variables)

Мы можем назначать выражения переменным и использовать их в нашей таблице стилей:

font-size = 14px

 body
   font font-size Arial, sans-serif

Скомпилируется в:

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

Читать дальше

Селекторы (selectors)

Отступы

Синтаксис Stylus основан на отступах

body
    color white

Будет скомпилирован в:

body {
    color: #fff;
}

При желании вы можете использовать двоеточие для того чтобы отделить значения от свойств

body
    color: white

Читать дальше

Страницы: