36 lines
645 B
CSS
36 lines
645 B
CSS
.chip {
|
|
border-radius: var(--Corner-Radius-sm);
|
|
padding: 0 var(--Space-x1);
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: var(--Space-x05);
|
|
}
|
|
|
|
.size-xs {
|
|
height: 24px;
|
|
}
|
|
|
|
.size-sm {
|
|
height: 26px;
|
|
}
|
|
|
|
.size-lg {
|
|
height: 32px;
|
|
}
|
|
|
|
.color-subtle {
|
|
background-color: var(--Surface-Secondary-Subtle);
|
|
color: var(--Text-Interactive-Default);
|
|
}
|
|
|
|
.color-disabled {
|
|
background-color: var(--Surface-UI-Fill-Disabled);
|
|
border: 1px solid var(--Border-Interactive-Disabled);
|
|
color: var(--Text-Interactive-Disabled);
|
|
}
|
|
|
|
.color-neutral {
|
|
background-color: var(--Surface-Primary-Default);
|
|
color: var(--Text-Interactive-Default);
|
|
}
|