27 lines
839 B
JavaScript
27 lines
839 B
JavaScript
function withOpacityValue(variable) {
|
|
return ({ opacityValue }) => {
|
|
if (opacityValue === undefined) {
|
|
return `rgb(var(${variable}))`;
|
|
}
|
|
return `rgb(var(${variable}) / ${opacityValue})`;
|
|
};
|
|
}
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: withOpacityValue("--color-primary"),
|
|
back: withOpacityValue("--color-back"),
|
|
danger: withOpacityValue("--color-danger"),
|
|
front: withOpacityValue("--color-front"),
|
|
"front-dim": withOpacityValue("--color-front-dim"),
|
|
secondary: withOpacityValue("--color-secondary"),
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|