Есть ли способ расширить функциональность SASS?

Question

Я использую SASS в качестве моего CSS препроцессора. Я хотел бы использовать функцию, которая недоступна в SASS - например, я хочу создать функцию, которая принимает ссылку на изображение и возвращает его ширину в пикселях.

Примерно так: get-image-width('src/images/logo.png')

И то же самое для высоты изображения. Это всего лишь пример. Очевидно, что это невозможно сделать с помощью CSS, поэтому я ищу способ расширить SASS и добавить функциональность.

PS Я знаю, что Compass поддерживает эту функцию, но я не хочу использовать Компас, поскольку он больше не поддерживается.

Кто-нибудь знает, достижимо ли это?

Answer 1

Я думаю, что короткий ответ - нет, простого пути нет.

Если вы найдете модуль / плагин, который работает с вашим текущим процессом компиляции Sass, теоретически вы сможете получить пиксель размеры источника изображения, а затем использовать определенные значения где-то перед компиляцией окончательного файла CSS.

Например, если вы используете Gulp, есть пакет image-size , который возвращает размеры ширина / высота. Таким образом, в пользовательской функции Gulp вы можете прочитать содержимое файла Sass, получить размеры для нужных вам источников изображений, использовать их в любом контексте и, наконец, скомпилировать таблицу стилей.

(вероятно, нет один ответ может рассказать всю правду относительно вашего вопроса, так что подумайте об этом как о расширенном комментарии.)