@indielayer/ui
Version:
Indielayer UI Components with Tailwind CSS build for Vue 3
19 lines (18 loc) • 657 B
JavaScript
const o = {
classes: {
wrapper: ({ props: e }) => `relative rounded bg-secondary-100 dark:bg-secondary-700 overflow-hidden pointer-events-none ${e.thick ? "h-1.5" : "h-1"}`,
list: "flex flex-col items-end w-full sm:w-[520px] px-4",
item: "w-full flex items-center rounded-md px-4 py-3 bg-secondary-800 dark:bg-secondary-50 text-white dark:text-secondary-900"
},
styles: ({ props: e, colors: r, css: n }) => {
const t = r.getPalette(e.color), s = [];
return s.push(n.variables({
bg: t[500]
})), e.gradient && s.push({
"--tw-gradient-stops": `${t[100]}, ${t[800]}`
}), s;
}
}, a = o;
export {
a as default
};