@ducor/react
Version:
admin template ui interface
44 lines (43 loc) • 1.44 kB
JavaScript
const sizeStyles = {
none: {
xs: "px-1 py-0.5 text-xs rounded-none",
sm: "py-1 px-2 text-sm rounded-none",
md: "p-2 text-base rounded-none",
lg: "py-2 px-4 text-lg rounded-none",
xl: "py-3 px-5 text-2xl rounded-none",
full: "p-3 rounded-none w-full",
},
sm: {
xs: "px-1 py-0.5 text-xs rounded-sm",
sm: "py-1 px-2 text-sm rounded-sm",
md: "p-2 text-base rounded-sm",
lg: "py-2 px-4 text-lg rounded-sm",
xl: "py-3 px-5 text-2xl rounded-sm",
full: "p-3 text-sm rounded-sm w-full",
},
md: {
xs: "px-1 py-0.5 text-xs rounded",
sm: "py-1 px-2 text-sm rounded",
md: "p-2 text-base rounded",
lg: "py-2 px-4 text-lg rounded",
xl: "py-3 px-5 text-2xl rounded",
full: "p-3 text-md rounded w-full",
},
lg: {
xs: "px-1 py-0.5 text-xs rounded-lg",
sm: "py-1 px-2 text-sm rounded-lg",
md: "p-2 text-base rounded-lg",
lg: "py-2 px-4 text-lg rounded-lg",
xl: "py-3 px-5 text-2xl rounded-lg",
full: "p-3 text-lg rounded-lg w-full",
},
full: {
xs: "p-1 text-xs rounded-full",
sm: "p-1 text-sm rounded-full",
md: "p-2 text-base rounded-full",
lg: "p-3 text-lg rounded-full",
xl: "p-4 text-2xl rounded-full",
full: "p-4 text-lg rounded-full w-full",
},
};
export default sizeStyles;