2022-02-15 05:21:03 +13:00
|
|
|
.pill {
|
|
|
|
--p-pill-text-color:var(--config-defalut-color-hsl, var(--pill-text-color));
|
|
|
|
|
|
|
|
color: hsl(var(--p-pill-text-color));
|
|
|
|
background-color: hsl(~"var(--p-pill-text-color) / 0.2");
|
|
|
|
display:inline-grid; place-content:center; padding-inline:12px; height:30px; border-radius:15px;
|
|
|
|
font-size:14px; font-weight:500;
|
|
|
|
|
|
|
|
&.is-disabled { --p-pill-text-color:var(--config-disabled-color-hsl); }
|
|
|
|
&.is-pending { --p-pill-text-color:var(--config-pending-color-hsl); }
|
2022-02-19 03:37:15 +13:00
|
|
|
&.is-failed { --p-pill-text-color:var(--config-failed-color-hsl); }
|
2022-02-15 05:21:03 +13:00
|
|
|
}
|