2021-07-28 18:45:52 +05:30
|
|
|
.notification-badge {
|
2021-08-28 18:16:20 +05:30
|
|
|
min-width: 16px;
|
|
|
|
|
min-height: 8px;
|
|
|
|
|
padding: 0 var(--sp-ultra-tight);
|
2021-09-12 11:20:56 +05:30
|
|
|
background-color: var(--bg-badge);
|
2021-08-28 18:16:20 +05:30
|
|
|
border-radius: var(--bo-radius);
|
2021-07-28 18:45:52 +05:30
|
|
|
|
|
|
|
|
.text {
|
2021-09-12 11:20:56 +05:30
|
|
|
color: var(--tc-badge);
|
2021-07-28 18:45:52 +05:30
|
|
|
text-align: center;
|
2021-08-05 08:43:38 +05:30
|
|
|
font-weight: 700;
|
2021-07-28 18:45:52 +05:30
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&--alert {
|
2021-09-12 20:44:13 +05:30
|
|
|
background-color: var(--bg-positive);
|
2021-09-12 11:20:56 +05:30
|
|
|
& .text { color: white }
|
2021-08-28 18:16:20 +05:30
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:empty {
|
|
|
|
|
min-width: 8px;
|
|
|
|
|
margin: 0 var(--sp-ultra-tight);
|
2021-07-28 18:45:52 +05:30
|
|
|
}
|
|
|
|
|
}
|
