TelegramPWA/src/components/right/statistics/StatisticsOverview.scss

58 lines
914 B
SCSS

.StatisticsOverview {
padding: 1rem 0.75rem;
margin-bottom: 1rem;
border-bottom: 1px solid var(--color-borders);
&__header {
margin-bottom: 0.5rem;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
}
&__title {
margin-right: 2em;
font-size: 16px;
color: var(--text-color);
line-height: 30px;
text-transform: lowercase;
&:first-letter {
text-transform: uppercase;
}
}
&__caption {
font-size: 0.75rem;
text-align: right;
}
&__table {
width: 100%;
&-cell {
width: 50%;
}
&-heading {
font-size: 0.9375rem;
color: var(--color-text-secondary);
}
&-value {
font-weight: 500;
font-size: 1rem;
}
}
&__value {
font-size: 0.6875rem;
color: var(--color-text-green);
&.negative {
color: var(--color-error);
}
}
}