js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 20:19:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor badge styles

Browse Source
This commit is contained in:
lindsaym-fa
2024-05-13 17:18:23 -04:00
parent cfa4e964a0
commit 4f60188e3e
1 changed files with 2 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/badge/badge.styles.ts
View File

@@ -62,29 +62,11 @@ export default css`
/* Pulse modifier */
.badge--pulse {
--pulse-color: var(--background);
animation: pulse 1.5s infinite;
}
.badge--pulse.badge--brand {
--pulse-color: var(--wa-color-brand-spot);
}
.badge--pulse.badge--success {
--pulse-color: var(--wa-color-success-spot);
}
.badge--pulse.badge--neutral {
--pulse-color: var(--wa-color-neutral-spot);
}
.badge--pulse.badge--warning {
--pulse-color: var(--wa-color-warning-spot);
}
.badge--pulse.badge--danger {
--pulse-color: var(--wa-color-danger-spot);
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 var(--pulse-color);