umami/components/metrics/MetricCard.module.css

44 lines
644 B
CSS
Raw Normal View History

.card {
display: flex;
flex-direction: column;
justify-content: center;
2020-09-14 05:09:18 +02:00
min-width: 140px;
}
.value {
font-size: var(--font-size-xl);
line-height: 40px;
2020-07-30 10:08:21 +02:00
min-height: 40px;
font-weight: 600;
2020-08-12 09:23:03 +02:00
white-space: nowrap;
}
.label {
font-size: var(--font-size-md);
white-space: nowrap;
display: flex;
align-items: center;
gap: 5px;
}
.change {
font-size: 12px;
padding: 0 5px;
border-radius: 5px;
margin-left: 4px;
border: 1px solid var(--base200);
color: var(--base500);
}
.change.positive {
color: var(--green500);
}
.change.negative {
color: var(--red500);
}
.change.plusSign::before {
content: '+';
}