Создание пользовательского модуля для sass
Я хочу создать настраиваемый модуль css, который я смогу использовать в sass с node.js. Есть ли какое-нибудь руководство по созданию плагина sass для этого? Например, я хочу создать единицу измерения «dpx», которая будет работать как двойной пиксель, поэтому «width: 20dpx» будет преобразовано в «width: 40px».
Другое решение (не плагин sass), которое может работать с узлом, также приемлемо.
Ответы 3
Используйте функцию SASS, которая принимает размер шрифта и возвращает удвоенное значение.
@function dpx($size) {
@return $size * 2;
}
div {
font-size: dpx(20px); // output: font-size: 40px;
}
В качестве упрощенной версии текущего ответа вы также можете написать следующее:
$d: 2px;
div { font-size: 20*$d; }
Я знаю, что это старый вопрос, но, поскольку я его нашел, другие люди тоже его найдут. В таком случае, как ваше, хорошим решением будет сделать 1rem равным 2px. Сделать это можно так:
html {
font-size: 2px;
}
теперь каждый 1rem будет равен 2px. Если вы хотите убедиться, что это не нарушит вашу текущую страницу, вы всегда можете добавить
body {
font-size: 8rem;
}
чтобы установить глобальный размер шрифта на 16 пикселей (просто предположение, поскольку это значение по умолчанию).
Спасибо, но мне нужен именно кастомный модуль, а не функция sass. Потому что реальная задача сложнее, чем пример. Мне также нужно использовать значения других полей в селекторе для подсчета тока. И мне не нужно проходить их все время