30 lines
449 B
CSS
30 lines
449 B
CSS
|
.wrapper {
|
||
|
|
display: flex;
|
||
|
|
align-items: start;
|
||
|
|
gap: 4px;
|
||
|
|
font-size: 13px;
|
||
|
|
font-weight: 500;
|
||
|
|
|
||
|
|
&[data-variant='success'] {
|
||
|
|
color: var(--color-text-success);
|
||
|
|
}
|
||
|
|
|
||
|
|
&[data-variant='warning'] {
|
||
|
|
color: var(--color-text-warning);
|
||
|
|
}
|
||
|
|
|
||
|
|
&[data-variant='error'] {
|
||
|
|
color: var(--color-text-error);
|
||
|
|
}
|
||
|
|
|
||
|
|
&[data-variant='info'] {
|
||
|
|
color: var(--color-text-primary);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon {
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
margin-top: 1px;
|
||
|
|
}
|