• Преимущества Sass
  • Синтаксис
  • Использование Sass
    • Использование в Rack/Rails/Merb
    • Кеширование
    • Настройки
    • Выбор синтаксиса
    • Кодировка
  • Расширение CSS
    • Вложенные правила
    • Ссылка на родителя селектора
    • Вложенные свойства
    • Шаблонные селекторы
  • Комментирование
  • SassScript
    • Интерактивная оболочка
    • Переменные
    • Типы данных
      • Строки
      • Списки
      • Мапы (Ассоциативные массивы)
      • Цвета
    • Операции
      • Операции с числами
        • Деление и знак " / "
      • Операции с цветами
      • Операции со строками
      • Операции с логическими значениями
      • Операции со списками
    • Круглые скобки
    • Функции
      • Именованные аргументы
    • Интерполяция
    • Символ "&" в SassScript
    • Переменные по умолчанию
  • Правила и директивы
    • Директива @import
      • Фрагменты
      • Вложенный импорт
    • Директива @media
    • Директива @extend
      • Как это работает?
      • Расширение составным селектором
      • Множественные расширения
      • Цепные расширения
      • Последовательность селекторов
        • Объединение последовательностей селекторов
      • Селекторы расширения
      • Метка !optional
      • Вложение @extend в директивы
    • Директива @at-root
      • Использование условий
    • Директива @debug
    • Директива @warn
    • Директива @error
  • Управляющие директивы и выражения
    • Функция if()
    • Директива @if
    • Директива @for
    • Директива @each
      • Множественные значения
    • Директива @while
  • Миксины
    • Объявление миксина
    • Использование миксина
    • Аргументы
      • Именованные аргументы
      • Переменные в аргументах
    • Блоки контента в миксинах
      • Область видимости переменных и блоков контента
  • Функции
  • Стили выходного файла
    • Вложенный стиль (:nested)
    • Развернутый стиль (:expanded)
    • Компактный стиль (:compact)
    • Сжатый стиль (:compressed)
  • Расширение Sass
    • Объявление пользовательских функций в Sass
    • Хранилище кеша
    • Пользовательские импортеры

Круглые скобки

Скобки могут использоваться для определения порядка действий:

  • SCSS
  • SASS
scss
p {
  width: (1em + 2em) * 3;
}

p
  width: (1em + 2em) * 3
css
p {
  width: 9em;
}

Предыдущая страница

Операции со списками

Следующая страница

Функции

Ваша 
Поддержка