Расширение возможностей Sass с помощью пользовательских функций

Расширение возможностей Sass с помощью пользовательских функций

От автора: вы можете расширить функционал SASS, чтобы предоставить пользователям дополнительные возможности и настройки. Чтобы использовать эти функции, пользователь должен знать Ruby.

Определение пользовательских функций SASS

Вы можете определить собственные функции SASS, используя Ruby API. Пользовательские функции можно ввести, добавив их в методы Ruby, как показано в приведенном ниже коде:

module Sass::Script::Functions
 def reverse(string)
 assert_type string, :String
 Sass::Script::Value::String.new(string.value.reverse)
 end
 declare :reverse, [:string]
end

В данном коде вы можете видеть объявление Функции и указание имен аргументов для нее. Если произошла ошибка, функция не принимает никаких аргументов, даже если она работает, а также принимает произвольные аргументы ключевого слова. Вы можете получить значения Ruby, используя атрибут value, доступ к объектам цветов осуществляется с помощью ключевых слов rgb, red, green или blue.

Хранение кэша

SASS хранит кэш проанализированных документов, который можно повторно использовать без обработки. SASS использует: cache_location для записи файлов кэша в файловой системе. Это позволяет быстрее компилировать файлы SASS, и если вы удаляете кэшированные файлы, они будут снова сгенерированы при следующей компиляции. Вы можете определить собственное хранилище кэша, установив параметр :cache_store. Таким образом можно записывать файлы кеша в файловую систему или обмениваться кэш-файлами с процессами или машинами ruby. Для хранения и получения результатов кеша SASS использует экземпляр подкласса Sass::CacheStores::Base.

Пользовательские импортеры

SASS использует @import для импорта файлов SCSS и SASS и передает пути в правило @import, чтобы найти соответствующий код пути для указанных путей. Импортеры SASS используют файловую систему для загрузки кода и добавляются к процессу загрузки с использованием базы данных или другой структуры файлов.

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

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

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

Один импортер может выполнять загрузку по одному файлу, его можно поместить в массив load_paths вместе с путями файловой системы. При использовании @import SASS ищет загруженные пути, которые предоставляют путь для импортера. Когда путь найден, используется импортированный файл. Пользователь может наследовать импортеры из Sass::Importers::Base.

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

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

Самые свежие новости IT и веб-разработки на нашем Telegram-канале

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

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

Получить

Метки:

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

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

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree