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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
static/chordpro.css → sass/chordpro.scss
View File

@ -1,7 +1,15 @@
$col-white: #fff;
$col-black: #181818;
body {
margin: 0;
background-color: #d8d8d8;
color: #181818;
background-color: $col-white;
color: $col-black;
}
table {
white-space: nowrap;
}
.song {
@ -24,16 +32,16 @@ body {
.chorus {
position: relative;
}
.chorus:before {
content: "";
position: absolute;
left: -1em;
display: block;
height: 100%;
width: 2px;
background-color: #181818;
&:before {
content: "";
position: absolute;
left: -1em;
display: block;
height: 100%;
width: 2px;
background-color: $col-black;
}
}
.tab {
@ -46,21 +54,21 @@ body {
display: inline-block;
padding: .25em .5em;
background-color: #bbb;
color: #181818;
color: $col-black;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #181818;
color: #d8d8d8;
background-color: $col-black;
color: $col-white;
}
.chorus:before {
background-color: #d8d8d8;
background-color: $col-white;
}
.comment {
background-color: #585858;
color: #d8d8d8;
color: $col-white;
}
}