mixtape/static/chordpro.css

67 lines
805 B
CSS
Raw Normal View History

2024-01-08 11:46:43 +01:00
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;
}
}