flowbite-svelte
Version:
Flowbite components for Svelte
46 lines (45 loc) • 1.13 kB
JavaScript
import { tv } from "tailwind-variants";
export const blockquote = tv({
base: "font-semibold text-gray-900 dark:text-white",
variants: {
border: {
true: "border-s-4 border-gray-300 dark:border-gray-500",
false: ""
},
italic: {
true: "italic",
false: ""
},
bg: {
true: "bg-gray-50 dark:bg-gray-800",
false: ""
},
alignment: {
left: "text-left",
center: "text-center",
right: "text-right"
},
size: {
xs: "text-xs",
sm: "text-sm",
base: "text-base",
lg: "text-lg",
xl: "text-xl",
"2xl": "text-2xl",
"3xl": "text-3xl",
"4xl": "text-4xl",
"5xl": "text-5xl",
"6xl": "text-6xl",
"7xl": "text-7xl",
"8xl": "text-8xl",
"9xl": "text-9xl"
}
},
defaultVariants: {
border: false,
italic: true,
bg: false,
alignment: "left",
size: "lg"
}
});