Song styling in SCSS

This commit is contained in:
Emil Miler 2024-02-06 18:04:50 +01:00
parent ed49c101d3
commit 9a64cb55a6

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 {
&:before {
content: "";
position: absolute;
left: -1em;
display: block;
height: 100%;
width: 2px;
background-color: #181818;
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;
}
}