Sass — включение миксинов с помощью директивы @include

Sass — включение миксинов с помощью директивы @include

От автора: для включения миксинов в документ используется директива @include. Она обязательно должна содержать имя миксина, а также опционально через Sass include могут передаваться дополнительные аргументы. Стили, определяемые миксином, могут быть включены в текущее правило.

В следующем примере продемонстрировано включение миксина в файле SCSS:

Затем создайте файл sample.scss.

Препроцессоры. Быстрый старт

Изучите азы работы с препроцессорами Less и Sass с полного нуля менее чем за 2 недели

Узнать подробнее

С помощью следующей команды вы можете указать SASS просматривать файл и обновлять CSS каждый раз, когда изменяется файл SASS:

Затем выполните приведенную выше команду; она автоматически создаст файл sample.css со следующим кодом:

Результат на выходе

Давайте выполним следующие действия, чтобы увидеть, как работает приведенный выше код:

Сохраните приведенный выше html-код в файле sample.htm.

Откройте этот HTML-файл в браузере, вы должны увидеть следующее:

Sass — включение миксинов с помощью директивы @include

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

Препроцессоры. Быстрый старт

Изучите азы работы с препроцессорами Less и Sass с полного нуля менее чем за 2 недели

Узнать подробнее

Препроцессоры. Быстрый старт

Овладейте азами работы с препроцессорами с нуля

Смотреть

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий