mirror of
https://github.com/be5invis/Iosevka.git
synced 2026-10-28 00:18:43 +00:00
38 lines
716 B
SCSS
38 lines
716 B
SCSS
@use "../shared/chroma.scss";
|
|
@use "../shared/metrics.scss";
|
|
|
|
$statDualColWidth: metrics.sectionTotalWidthChars(12, 4rem);
|
|
.stat-dashboard {
|
|
display: flex;
|
|
overflow: hidden;
|
|
flex-wrap: wrap;
|
|
margin: 0;
|
|
@include chroma.gradient-text-bg(chroma.$accent1, chroma.$azure1);
|
|
> .stat {
|
|
flex: 1 0 25%;
|
|
padding: 0 2rem;
|
|
margin-top: 1rem;
|
|
margin-bottom: 1rem;
|
|
|
|
@media (max-width: $statDualColWidth) {
|
|
padding: 0 1rem;
|
|
}
|
|
.quantity {
|
|
font-size: 4rem;
|
|
font-weight: 200;
|
|
@include chroma.gradient-text-enable();
|
|
|
|
@media (max-width: $statDualColWidth) {
|
|
font-size: 2rem;
|
|
}
|
|
}
|
|
.desc {
|
|
font-weight: 300;
|
|
|
|
@media (max-width: $statDualColWidth) {
|
|
font-size: 0.75rem;
|
|
}
|
|
}
|
|
}
|
|
}
|