mirror of
https://github.com/mentos1386/zdravko.git
synced 2024-11-28 18:21:17 +00:00
34 lines
913 B
JavaScript
34 lines
913 B
JavaScript
module.exports = {
|
|
content: ["./web/templates/**/*.{tmpl,go}"],
|
|
theme: {
|
|
container: {
|
|
center: true,
|
|
},
|
|
extend: {},
|
|
},
|
|
plugins: [
|
|
// https://gist.github.com/Merott/d2a19b32db07565e94f10d13d11a8574
|
|
function ({ addBase, theme }) {
|
|
function extractColorVars(colorObj, colorGroup = "") {
|
|
return Object.keys(colorObj).reduce((vars, colorKey) => {
|
|
const value = colorObj[colorKey];
|
|
const cssVariable =
|
|
colorKey === "DEFAULT"
|
|
? `--color${colorGroup}`
|
|
: `--color${colorGroup}-${colorKey}`;
|
|
|
|
const newVars =
|
|
typeof value === "string"
|
|
? { [cssVariable]: value }
|
|
: extractColorVars(value, `-${colorKey}`);
|
|
|
|
return { ...vars, ...newVars };
|
|
}, {});
|
|
}
|
|
|
|
addBase({
|
|
":root": extractColorVars(theme("colors")),
|
|
});
|
|
},
|
|
],
|
|
};
|