commit 66aea629d04984c408eb71a1b36ea60db901b254
parent 4fcc7ccad51563a4337f1d4f69db9fdd301090ba
Author: Hunter
Date: Thu, 8 Aug 2024 11:57:46 -0400
add custom fonts section to css
Diffstat:
2 files changed, 11 insertions(+), 7 deletions(-)
diff --git a/index.html b/index.html
@@ -9,6 +9,7 @@
<title>todo</title>
<style>
+ /* custom colors */
:root {
--coconut: #ffffff;
--licorice: #000000;
@@ -39,6 +40,13 @@
--blood: #3e1815;
}
+ /* custom fonts */
+ @font-face {
+ font-family: MedievalSharp;
+ src: url('MedievalSharp-Regular.ttf') format('truetype');
+ }
+
+ /* themes */
:root[data-theme="gak"] {
--background: var(--coconut);
--text: var(--licorice);
@@ -73,11 +81,11 @@
--highlight: var(--burl);
--accent: var(--flame);
& input[type="text"] {
- font-family: 'MedievalSharp';
- src: url('MedievalSharp-Regular.ttf') format('truetype');
+ font-family: MedievalSharp;
}
}
+ /* interface styling */
@keyframes shake {
0% { transform: translateX(0); }
20% { transform: translateX(3px); }
@@ -86,11 +94,9 @@
80% { transform: translateX(-3px); }
100% { transform: translateX(0); }
}
-
.shake {
animation: shake 0.25s ease-out;
}
-
body {
font-family: Arial, sans-serif;
max-width: 800px;
@@ -496,7 +502,6 @@
}
}
- //recalculates the state of a task based on its subtasks
function recalculateTaskState(task) {
if (task.subtasks.length === 0) {
return task.state; // If no subtasks, keep current state
diff --git a/readme.md b/readme.md
@@ -63,8 +63,7 @@ You can also use themes to set custom fonts, etc:
--highlight: var(--burl);
--accent: var(--flame);
& input[type="text"] {
- font-family: 'MedievalSharp';
- src: url('MedievalSharp-Regular.ttf') format('truetype');
+ font-family: MedievalSharp;
}
}
```