text rendering component

This commit is contained in:
2020-03-21 23:37:37 +01:00
committed by smuddy
parent 0cb8875f8d
commit 4cd9222a8a
9 changed files with 201 additions and 14 deletions

View File

@@ -0,0 +1,48 @@
.song-text {
white-space: pre-wrap;
position: relative;
&.chords {
font-family: 'Ubuntu Mono', monospace;
}
&:hover .menu {
opacity: 1;
}
}
.menu {
position: absolute;
right: 0;
background: #eee;
border-radius: 8px;
padding: 5px;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
transition: 300ms all ease-in-out;
cursor: pointer;
opacity: 0;
&:hover {
background: #ddd;
}
}
.section {
margin-bottom: 20px;
border-left: 3px solid #ddd;
}
.chorus {
margin-left: 20px;
border-left: none;
}
.chord {
font-weight: bold;
}