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

chore: track list styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-06-25 20:53:55 -07:00
parent 845426d96a
commit 192874548d
No known key found for this signature in database
6 changed files with 47 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/assets/styles/base/index.css
View file

@ -139,7 +139,8 @@ a {
flex-direction: row;
align-items: center;
& + .page-header {
& + .page-header,
& + .music-chart {
margin-top: var(--sizing-base);
}
}

2
src/assets/styles/components/menu.css
View file

@ -1,7 +1,7 @@
.menu-primary {
display: flex;
flex-direction: row;
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
gap: var(--sizing-md);

17
src/assets/styles/components/music-chart.css
View file

@ -1,6 +1,15 @@
.music-chart {
margin-bottom: var(--sizing-base);
& ol {
padding-left: 0;
margin-top: 0;
& li:first-of-type {
margin-top: 0;
}
}
& .item {
display: flex;
flex-direction: row;
@ -76,10 +85,6 @@
white-space: nowrap;
}
& .count {
margin-right: var(--sizing-sm);
}
& .info {
max-width: calc(75% - var(--sizing-lg));
}
@ -110,6 +115,10 @@
@media screen and (min-width: 768px) {
.music-chart {
& ol {
list-style-position: outside;
}
& .meta,
& .presentation {
width: calc(80% - var(--sizing-lg));