weapp-tailwindcss
Version:
把 tailwindcss 原子化样式思想,带给小程序开发者们! bring tailwindcss to miniprogram developers!
39 lines (37 loc) • 1.03 kB
JavaScript
import {
createMediaQuery,
createNegativeMediaQuery
} from "./chunk-RGXLY3HG.mjs";
import {
defu
} from "./chunk-JXBLHLFR.mjs";
import "./chunk-2LOIH42W.mjs";
// src/css-macro/index.ts
import plugin from "tailwindcss/plugin";
var cssMacro = plugin.withOptions((options) => {
const { dynamic: dynamicMode, variantsMap } = defu(options, {
dynamic: true,
variantsMap: {}
});
return ({ matchVariant, addVariant }) => {
if (dynamicMode) {
matchVariant("ifdef", (value) => {
return createMediaQuery(value);
});
matchVariant("ifndef", (value) => {
return createNegativeMediaQuery(value);
});
}
for (const [name, obj] of Object.entries(variantsMap)) {
if (typeof obj === "string") {
addVariant(name, createMediaQuery(obj));
} else {
addVariant(name, obj.negative ? createNegativeMediaQuery(obj.value) : createMediaQuery(obj.value));
}
}
};
});
var css_macro_default = cssMacro;
export {
css_macro_default as default
};