summaryrefslogtreecommitdiff
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/custom.css67
-rw-r--r--assets/css/main.css28
-rw-r--r--assets/css/vars.css4
3 files changed, 7 insertions, 92 deletions
diff --git a/assets/css/custom.css b/assets/css/custom.css
index abf5151..acbff4f 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -101,13 +101,6 @@ td {
101 flex-wrap: wrap; 101 flex-wrap: wrap;
102} 102}
103 103
104div#gallery {
105 display: flex;
106 flex-wrap: wrap;
107 gap: 1em;
108 justify-content: center;
109}
110
111em, 104em,
112i { 105i {
113 color: #c38f88; 106 color: #c38f88;
@@ -212,62 +205,6 @@ img {
212 margin: auto; 205 margin: auto;
213} 206}
214 207
215figcaption {
216 text-align: center;
217}
218
219/* Books */
220.abook {
221 overflow: hidden;
222 margin: 0 0 5em 0;
223}
224
225.abook figure {
226 float: left;
227 margin-right: 1rem;
228 width: 120px;
229}
230
231.abook small {
232 display: block;
233 margin: 0.5rem 0;
234 color: #aaa;
235}
236
237.book {
238 display: flex; /* NEW: use flexbox */
239 align-items: flex-start; /* Align top edges */
240 overflow: hidden;
241 margin: 0 0 1em 0;
242}
243
244.book figure {
245 flex-shrink: 0;
246 margin-right: 1rem;
247 width: 120px;
248}
249
250.book-info {
251 display: flex; /* NEW: make inner div flex */
252 flex-direction: column; /* Stack title and small vertically */
253 justify-content: space-between; /* Push small to bottom */
254}
255
256.book-title {
257 margin: 0px;
258}
259
260.book small {
261 color: #aaa;
262 display: block;
263 margin-top: 1rem;
264}
265
266table {
267 width: fit-content;
268 margin: 0 auto;
269}
270
271.chord-line { 208.chord-line {
272 position: relative; 209 position: relative;
273 font-family: monospace; 210 font-family: monospace;
@@ -346,6 +283,10 @@ body.hide-chords .chord {
346 display: none; 283 display: none;
347} 284}
348 285
286body.hide-chords .key-selector{
287 display: none;
288}
289
349body.hide-chords .chord-line { 290body.hide-chords .chord-line {
350 line-height: 1.2em; 291 line-height: 1.2em;
351 font-size: 1em; 292 font-size: 1em;
diff --git a/assets/css/main.css b/assets/css/main.css
index b552953..458c903 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -78,33 +78,7 @@ pre::-webkit-scrollbar {
78 display: none; 78 display: none;
79} 79}
80 80
81code span {
82 display: inline !important;
83}
84
85code {
86 -webkit-font-smoothing: antialiased;
87 -moz-font-feature-settings: "liga=1, dlig=1";
88 -ms-font-feature-settings: "liga", "dlig";
89 -webkit-font-feature-settings: "liga", "dlig";
90 -o-font-feature-settings: "liga", "dlig";
91 font-feature-settings: "liga", "dlig";
92 font-variant-ligatures: contextual;
93 font-family: "Monaspace";
94 font-size: 0.9em;
95 line-height: 0;
96}
97 81
98.katex-display {
99 overflow-x: auto;
100 overflow-y: hidden;
101 -ms-overflow-style: none;
102 scrollbar-width: none;
103}
104
105.katex-display::-webkit-scrollbar {
106 display: none;
107}
108 82
109/* Footnotes */ 83/* Footnotes */
110 84
@@ -219,7 +193,7 @@ footer a {
219 193
220.single-intro-container { 194.single-intro-container {
221 margin-top: 1rem; 195 margin-top: 1rem;
222 margin-bottom: 2rem; 196 margin-bottom: 0.5rem;
223} 197}
224 198
225.single-title { 199.single-title {
diff --git a/assets/css/vars.css b/assets/css/vars.css
index 01fba59..92c7efc 100644
--- a/assets/css/vars.css
+++ b/assets/css/vars.css
@@ -18,8 +18,8 @@
18 --h2-margin-bottom: 1.5rem; 18 --h2-margin-bottom: 1.5rem;
19 --hx-margin-top: 1.5rem; 19 --hx-margin-top: 1.5rem;
20 --hx-margin-bottom: 1rem; 20 --hx-margin-bottom: 1rem;
21 --p-margin-top: 1rem; 21 --p-margin-top: 0.1rem;
22 --p-margin-bottom: 1rem; 22 --p-margin-bottom: 0.1em;
23 --code-margin-top: 2rem; 23 --code-margin-top: 2rem;
24 --code-margin-bottom: 2rem; 24 --code-margin-bottom: 2rem;
25 25