@indielayer/ui
Version:
Indielayer UI Components with Tailwind CSS build for Vue 3
25 lines (24 loc) • 647 B
JavaScript
const x = {
classes: {
wrapper: ({ props: l }) => {
let e = "inline-flex leading-tight max-w-full ";
return l.size === "xs" || l.size === "sm" ? e += " px-2 py-0.5 text-xs" : l.size === "lg" ? e += " px-4 py-3" : l.size === "xl" ? e += " px-5 py-5 text-lg" : e += " px-3 py-1 text-sm", e;
}
},
styles: ({ colors: l, props: e, css: s }) => {
const t = l.getPalette(e.color);
return s.variables({
bg: t[200],
text: t[800],
border: t[800],
dark: {
bg: t[800],
border: t[400],
text: e.outlined ? t[200] : t[100]
}
});
}
}, i = x;
export {
i as default
};