cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: track charts

Browse source
This commit is contained in:
Cory Dransfeldt 2024-04-05 15:07:51 -07:00
parent 45b981d5b2
commit 2c80e347ba
No known key found for this signature in database
6 changed files with 99 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/assets/styles/components/track-chart.css Normal file
View file

@ -0,0 +1,40 @@
.track__chart--item {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.track__chart--item:not(:last-of-type) {
margin-bottom: var(--sizing-md);
}
.track__chart--item .progress-bar__wrapper {
max-width: 40%;
margin-left: var(--sizing-lg);
}
.track__chart--presentation {
display: flex;
flex-direction: row;
max-width: calc(60% - var(--sizing-lg));
}
.track__chart--count {
margin-right: var(--sizing-sm);
}
.track__chart--info {
max-width: calc(100% - var(--sizing-lg));
}
.track__chart--title {
font-weight: var(--font-weight-bold);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.track__chart--artists {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}