@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
37 lines • 1.31 kB
CSS
/*
* FormStatus theme
*
*/
/*
* Utilities
*/
.dnb-form-status__shell {
color: var(--sb-color-text);
}
.dnb-form-status--error .dnb-form-status__shell {
background-color: var(--sb-color-magenta-light-2);
}
.dnb-form-status--info .dnb-form-status__shell, .dnb-form-status--marketing .dnb-form-status__shell {
background-color: var(--sb-color-violet-light-4);
}
.dnb-form-status--warn .dnb-form-status__shell {
background-color: var(--sb-color-yellow-light-3);
}
.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell {
--border-color: var(--sb-color-red);
--border-width: 0.0625rem;
box-shadow: 0 0 0 var(--border-width) var(--border-color);
border-color: transparent;
}
.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell {
--border-color: var(--sb-color-yellow-dark);
--border-width: 0.0625rem;
box-shadow: 0 0 0 var(--border-width) var(--border-color);
border-color: transparent;
}
.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell, .dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
--border-color: var(--sb-color-violet-light);
--border-width: 0.0625rem;
box-shadow: 0 0 0 var(--border-width) var(--border-color);
border-color: transparent;
}