2021-07-28 22:15:52 +09:00
|
|
|
.notification-badge {
|
2021-08-28 21:46:20 +09:00
|
|
|
min-width: 16px;
|
|
|
|
min-height: 8px;
|
|
|
|
padding: 0 var(--sp-ultra-tight);
|
2021-07-28 22:15:52 +09:00
|
|
|
background-color: var(--tc-surface-low);
|
2021-08-28 21:46:20 +09:00
|
|
|
border-radius: var(--bo-radius);
|
2021-07-28 22:15:52 +09:00
|
|
|
|
|
|
|
.text {
|
2021-08-28 21:46:20 +09:00
|
|
|
color: white;
|
2021-07-28 22:15:52 +09:00
|
|
|
text-align: center;
|
2021-08-05 12:13:38 +09:00
|
|
|
font-weight: 700;
|
2021-07-28 22:15:52 +09:00
|
|
|
}
|
|
|
|
|
|
|
|
&--alert {
|
2021-08-28 21:46:20 +09:00
|
|
|
background-color: var(--bg-danger);
|
|
|
|
}
|
|
|
|
|
|
|
|
&:empty {
|
|
|
|
min-width: 8px;
|
|
|
|
margin: 0 var(--sp-ultra-tight);
|
2021-07-28 22:15:52 +09:00
|
|
|
}
|
|
|
|
}
|