Add basic column view

This commit is contained in:
2025-12-30 16:57:07 +01:00
parent 9aa925359e
commit 8df4e1fa53
4 changed files with 39 additions and 2 deletions

View File

@@ -3,6 +3,9 @@
$col-white: #fff;
$col-black: #2e3440;
* {
box-sizing: border-box;
}
body {
margin: 0;
@@ -22,6 +25,18 @@ table {
padding: 3em 0 1em 1em;
}
html.column-view .song {
column-width: 15em;
column-gap: 6em;
column-fill: auto;
max-height: 100vh;
overflow: visible;
table, .verse, .chorus, .tab, .comment {
break-inside: avoid;
}
}
.title {
font-size: 1.5em;
font-weight: bold;