add custom fonts section to css
Hunter
Thursday, August 8th, 2024 at 11:57 AM
9
10 <title>todo</title>
11 <style>
12 + /* custom colors */
13 :root {
14 --coconut: #ffffff;
15 --licorice: #000000;
40 --blood: #3e1815;
41 }
42
43 + /* custom fonts */
44 + @font-face {
45 + font-family: MedievalSharp;
46 + src: url('MedievalSharp-Regular.ttf') format('truetype');
47 + }
48 +
49 + /* themes */
50 :root[data-theme="gak"] {
51 --background: var(--coconut);
52 --text: var(--licorice);
81 --highlight: var(--burl);
82 --accent: var(--flame);
83 & input[type="text"] {
- font-family: 'MedievalSharp';
- src: url('MedievalSharp-Regular.ttf') format('truetype');
84 + font-family: MedievalSharp;
85 }
86 }
87
88 + /* interface styling */
89 @keyframes shake {
90 0% { transform: translateX(0); }
91 20% { transform: translateX(3px); }
94 80% { transform: translateX(-3px); }
95 100% { transform: translateX(0); }
96 }
-
97 .shake {
98 animation: shake 0.25s ease-out;
99 }
-
100 body {
101 font-family: Arial, sans-serif;
102 max-width: 800px;
502 }
503 }
504
- //recalculates the state of a task based on its subtasks
505 function recalculateTaskState(task) {
506 if (task.subtasks.length === 0) {
507 return task.state; // If no subtasks, keep current state
63 --highlight: var(--burl);
64 --accent: var(--flame);
65 & input[type="text"] {
- font-family: 'MedievalSharp';
- src: url('MedievalSharp-Regular.ttf') format('truetype');
66 + font-family: MedievalSharp;
67 }
68 }
69 ```