css-modular-type
Version:
A PostCSS and TailwindCSS plugin for generating modular type scales.
24 lines (23 loc) • 913 B
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
const plugin_1 = __importDefault(require("tailwindcss/plugin"));
const config_1 = require("./config");
const generateFontScales_1 = __importDefault(require("./generateFontScales"));
module.exports = plugin_1.default.withOptions(() => {
return ({ matchUtilities, theme }) => {
matchUtilities({ text: (value) => ({ fontSize: value }) }, { values: theme("fluidFontSize") });
};
}, (opts) => {
const overrides = { insertMinMaxFontAsVariables: false };
const resolvedOptions = {
...config_1.defaultTailwindConfig,
...opts,
...overrides,
};
const fontSteps = (0, generateFontScales_1.default)(resolvedOptions);
return {
theme: { fluidFontSize: Object.fromEntries(fontSteps.entries()) },
};
});