vueless/ui.other-dot/config.ts

Vue Styleless UI Component Library, powered by Tailwind CSS.

export default /*tw*/ {
  dot: {
    base: "rounded-full bg-{color}",
    variants: {
      size: {
        "2xs": "size-0.5",
        xs: "size-1",
        sm: "size-1.5",
        md: "size-2",
        lg: "size-2.5",
        xl: "size-3",
        "2xl": "size-3.5",
      },
    },
  },
  defaults: {
    color: "primary",
    size: "md",
  },
};