refactor: timer design review

This commit is contained in:
Carlos Valente
2025-07-12 11:55:49 +02:00
parent 2aac4cb06d
commit 05d01e0863
9 changed files with 131 additions and 33 deletions
+3 -3
View File
@@ -9,7 +9,7 @@
transition: opacity 0.5s ease-in-out;
font-family: var(--font-family-override, $viewer-font-family);
background: var(--background-color-override, $viewer-background-color);
background: var(--timer-bg, var(--background-color-override, $viewer-background-color));
color: var(--color-override, $viewer-color);
gap: $view-element-gap;
padding: $view-outer-padding;
@@ -100,8 +100,8 @@
.timer {
opacity: 1;
font-family: var(--font-family-override, $viewer-font-family);
color: var(--timer-color-override, var(--phase-color));
font-family: var(--timer-font, var(--font-family-override, $viewer-font-family));
color: var(--timer-colour, var(--timer-color-override, var(--phase-color)));
line-height: 0.9em;
text-align: center;
letter-spacing: 0.05em;