• Преимущества 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
    • Хранилище кеша
    • Пользовательские импортеры

Расширениe CSS

Рассматриваемые темы:

  • Вложенные правила
  • Ссылка на родителя селектора
  • Вложенные свойства
  • Шаблонные селекторы

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

Кодировка

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

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

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