diff --git a/src/components/05_quotation/QuotationCard.vue b/src/components/05_quotation/QuotationCard.vue index 328481b8..61a7489f 100644 --- a/src/components/05_quotation/QuotationCard.vue +++ b/src/components/05_quotation/QuotationCard.vue @@ -190,8 +190,10 @@ span { } .urgent-card { + --_color: var(--red-7-hsl); background-color: hsla(var(--red-7-hsl) / 0.07) !important; border: 0.5px solid var(--red-6) !important; + animation: status 1s infinite; .code { color: var(--red-6); @@ -207,4 +209,16 @@ span { box-shadow: 0px 0px 6px 0px rgba(240, 62, 62, 1); } } + +@keyframes status { + 0% { + box-shadow: 0x 0px 0px hsla(var(--_color) / 1); + } + 50% { + box-shadow: 0px 0px 1px 4px hsla(var(--_color) / 0.3); + } + 100% { + box-shadow: 0px 0px 4px 12px hsla(var(--_color) / 0); + } +}