franken-ui/dist/shadcn-ui/components/alert.js

Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.

export default {
    '.uk-alert': {
        position: 'relative',
        borderRadius: 'var(--uk-global-radius)',
        padding: 'var(--uk-alert-padding)',
        '@apply border border-border': {}
    },
    '.uk-alert-close': {
        position: 'absolute',
        inset: 'var(--uk-alert-close-inset)',
        '@apply focus-visible:outline-dotted focus-visible:outline-ring': {}
    },
    '.uk-alert-destructive': {
        '@apply border border-destructive text-destructive': {}
    },
    '.uk-alert a:not([class])': {
        '@apply font-medium underline underline-offset-4 focus-visible:outline-dotted focus-visible:outline-ring': {}
    },
    '.uk-alert-title': {
        '@apply font-medium leading-none tracking-tight': {}
    }
};