@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
1 lines • 2.17 kB
CSS
.dnb-form-status__shell{color:var(--color-black-80);font-size:var(--font-size-small)}.dnb-form-status--error .dnb-form-status__shell{background-color:var(--color-fire-red-8)}.dnb-form-status--error .dnb-form-status__shell>.dnb-icon{border:none;color:var(--color-fire-red)}.dnb-form-status--warn .dnb-form-status__shell{background-color:var(--color-sand-yellow)}.dnb-form-status--info .dnb-form-status__shell{background-color:var(--color-pistachio)}.dnb-form-status--marketing .dnb-form-status__shell{background-color:var(--color-lavender)}.dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text{color:var(--color-black-80)}.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--color-accent-yellow);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--color-sea-green);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell>.dnb-icon,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell,.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell>.dnb-icon{animation:attention-focus 2s ease-in-out .2s 1}@keyframes attention-focus{0%,to{background-color:var(--color-fire-red-8);border-color:var(--color-fire-red);color:var(--color-fire-red)}35%{background-color:var(--color-fire-red);border-color:var(--color-fire-red);color:var(--color-white)}}