Sass

Материал из Seo Wiki - Поисковая Оптимизация и Программирование

Перейти к: навигация, поиск
Sass
Тип Компилирующий обработчик шаблонов
Разработчик Nathan Weizenbaum, Chris Eppstein, Hampton Catlin
ОС Кроссплатформенная
Версия 2.2.0 (Шаблон:Release date)
Лицензия MIT License
Сайт http://sass-lang.com/

Sass (Syntactically Awesome Stylesheets) — модуль, включенный в Haml. Sass — это метаязык на основе CSS, предназначенный для увеличения уровня абстракции CSS кода и упрощения файлов каскадных таблиц стилей.

Вложенные правила

Одна из ключевых особенностей Sass — вложенные правила, которые облегчают процесс создания и редактирования вложенных селекторов.

#header
  :background #FFFFFF

  .error
    :color #FF0000
  
  a
    :text-decoration none
    &:hover
      :text-decoration underline

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

#header {
  background: #FFFFFF;
}
#header .error {
  color: #FF0000;
}
#header a {
  text-decoration: none
}
#header a:hover {
  text-decoration: underline
}

Переменные в CSS

Sass добавляет к CSS константы и примеси. Это облегчает поддержку целостности данных внутри большого набора стилей. Константы позволяют установить значение и использовать его внутри стилей, с помощью примесей тоже самое можно сделать с блоком атрибутов стиля.

!link_color = #00F

a
  :color = !link_color

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

a {
  color: #00F
}

Ссылки

Источник — «http://www.sbup.com/wiki/Sass»
Личные инструменты

Served in 0.053 secs.