em/mixtape
1
0
Fork 0
Code Issues Pull Requests Actions Activity

Song styling in SCSS

Browse Source
This commit is contained in:
Emil Miler
2024-02-06 18:04:50 +01:00
parent ed49c101d3
commit 9a64cb55a6
1 changed files with 24 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
static/chordpro.css
View File

@@ -1,66 +0,0 @@
body {
margin: 0;
background-color: #d8d8d8;
color: #181818;
}
.song {
padding: 2em;
}
.title {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 1em;
}
.chords {
font-style: italic;
}
.chorus, .verse, .tab {
margin: 1em 0;
}
.chorus {
position: relative;
}
.chorus:before {
content: "";
position: absolute;
left: -1em;
display: block;
height: 100%;
width: 2px;
background-color: #181818;
}
.tab {
white-space: pre;
font-family: monospace;
font-size: 1.25em;
}
.comment {
display: inline-block;
padding: .25em .5em;
background-color: #bbb;
color: #181818;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #181818;
color: #d8d8d8;
}
.chorus:before {
background-color: #d8d8d8;
}
.comment {
background-color: #585858;
color: #d8d8d8;
}
}