svelte-5-ui-lib/dist/typography/blockquote/theme.js

Svelte 5 UI Lib is a UI library built from scratch to leverage Svelte 5's runes system, creating smooth, reactive components.

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'
    }
});