flyonui/components/alert/object.js

The easiest, free and open-source Tailwind CSS component library with semantic classes.

export default {".alert":{"position":"relative","width":"100%","border-radius":"var(--radius-box)","padding":"calc(0.25rem * 4)","color":"var(--color-neutral-content)","text-align":"start","background-size":"auto, calc(var(--noise) * 100%)","background-image":"none, var(--fx-noise)","background-color":"var(--alert-bg)","border":"var(--border) solid var(--alert-border)","box-shadow":"0 0.1875rem 0 -0.125rem oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset","--alert-bg":"var(--alert-color, var(--color-neutral))","--alert-border":"var(--alert-color, var(--color-neutral))","&.alert-outline":{"color":"var(--alert-color, var(--color-neutral))","--alert-bg":"transparent","box-shadow":"none","background-image":"none"},"&.alert-soft":{"color":"var(--alert-color, var(--color-neutral))","--alert-bg":"color-mix(in oklab, var(--alert-color, var(--color-neutral)) 10%, var(--color-base-100))","box-shadow":"none","background-image":"none"}},".alert-primary":{"color":"var(--color-primary-content)","--alert-color":"var(--color-primary)"},".alert-info":{"color":"var(--color-info-content)","--alert-color":"var(--color-info)"},".alert-success":{"color":"var(--color-success-content)","--alert-color":"var(--color-success)"},".alert-warning":{"color":"var(--color-warning-content)","--alert-color":"var(--color-warning)"},".alert-error":{"color":"var(--color-error-content)","--alert-color":"var(--color-error)"}};