fix: tetratto utility class names

app/public/style.css

@@ -125,7 +125,7 @@ nav {
         padding: 0;
     }
 
-    .flex-collapse-rev {
+    .flex_collapse_rev {
         flex-direction: column-reverse !important;
     }
 }
@@ -180,7 +180,7 @@ video {
     color: var(--color-text);
 }
 
-.card-nest .card:nth-child(1) {
+.card_nest .card:nth-child(1) {
     background: var(--color-super-raised);
     padding: var(--pad-2) var(--pad-4);
 }

app/templates_src/edit.lisp

@@ -4,7 +4,7 @@
 (link ("rel" "icon") ("href" "/public/favicon.svg"))
 (text "{% endblock %} {% block body %}")
 (div
-    ("class" "flex items-center bar")
+    ("class" "flex items_center bar")
     (button
         ("class" "button tab_button")
         ("id" "editor_tab_button")
@@ -39,11 +39,11 @@
         ("id" "metadata_tab")
         ("class" "tab fadein hidden")))
 (form
-    ("class" "w-full flex flex-col gap-2")
+    ("class" "w-full flex flex-col gap_2")
     ("style" "margin-top: var(--pad-2)")
     ("onsubmit" "edit_entry(event)")
     (div
-        ("class" "w-full flex gap-2")
+        ("class" "w-full flex gap_2")
         (input
             ("class" "w-full")
             ("type" "text")
@@ -54,7 +54,7 @@
         (input ("class" "w-full") ("style" "visibility: hidden") ("aria-hidden" "true") ("disabled" "true"))
         (input ("class" "w-full") ("style" "visibility: hidden") ("aria-hidden" "true") ("disabled" "true")))
     (div
-        ("class" "flex gap-2")
+        ("class" "flex gap_2")
         (input
             ("class" "w-full")
             ("type" "text")
@@ -75,9 +75,9 @@
             ("oninput" "check_exists_input(event)")
             ("placeholder" "New url")))
     (div
-        ("class" "w-full flex justify-between gap-2")
+        ("class" "w-full flex justify_between gap_2")
         (div
-            ("class" "flex gap-2")
+            ("class" "flex gap_2")
             (button
                 ("class" "button green")
                 (text "Save"))

app/templates_src/index.lisp

@@ -7,7 +7,7 @@
 (link ("rel" "icon") ("href" "/public/favicon.svg"))
 (text "{% endblock %} {% block body %}")
 (div
-    ("class" "flex items-center bar")
+    ("class" "flex items_center bar")
     (button
         ("class" "button tab_button")
         ("id" "editor_tab_button")
@@ -42,14 +42,14 @@
         ("id" "metadata_tab")
         ("class" "tab fadein hidden")))
 (form
-    ("class" "w-full flex justify-between gap-2 flex-collapse-rev")
+    ("class" "w-full flex justify_between gap_2 flex_collapse_rev")
     ("style" "margin-top: var(--pad-2)")
     ("onsubmit" "create_entry(event)")
     (button
         ("class" "button")
         (text "Go"))
     (div
-        ("class" "flex gap-2")
+        ("class" "flex gap_2")
         (input
             ("class" "w-full")
             ("type" "text")

app/templates_src/password.lisp

@@ -4,16 +4,16 @@
 (link ("rel" "icon") ("href" "/public/favicon.svg"))
 (text "{% endblock %} {% block body %}")
 (main
-    ("class" "card-nest")
+    ("class" "card_nest")
     (div
-        ("class" "card flex items-center gap-2 no_fill")
+        ("class" "card flex items_center gap_2 no_fill")
         (text "{{ icon \"lock\" }}")
         (b (text "Password required")))
     (form
-        ("class" "card flex flex-col gap-2")
+        ("class" "card flex flex-col gap_2")
         ("onsubmit" "use_password(event)")
         (div
-            ("class" "flex flex-collapse gap-2")
+            ("class" "flex flex-collapse gap_2")
             (input
                 ("class" "surface")
                 ("required" "")

app/templates_src/root.lisp

@@ -22,7 +22,7 @@
     (body
         ; nav
         (nav
-            ("class" "flex w-full justify-between gap-2")
+            ("class" "flex w-full justify_between gap_2")
             (div
                 ("class" "flex side")
                 (div

app/templates_src/view.lisp

@@ -15,14 +15,14 @@
 
 (text "{% endblock %} {% block body %}")
 (div
-    ("class" "flex flex-col gap-2")
+    ("class" "flex flex-col gap_2")
     (div
         ("class" "card container")
         ("id" "content_rect")
         ("style" "min-height: 15rem")
         (text "{{ entry.content|markdown|safe }}"))
     (div
-        ("class" "w-full flex justify-between gap-2")
+        ("class" "w-full flex justify_between gap_2")
         (a
             ("class" "button")
             ("href" "/{{ entry.slug }}/edit{% if password -%} ?key={{ password }} {%- endif %}")

app/templates_src/warning.lisp

@@ -21,9 +21,9 @@
     (div (text "{{ metadata.safety_content_warning|markdown|safe }}"))
     (hr)
     (div
-        ("class" "flex flex-col gap-4")
+        ("class" "flex flex-col gap_4")
         (label
-            ("class" "flex flex-row gap-2 items-center")
+            ("class" "flex flex-row gap_2 items_center")
             ("for" "open_in_high_contrast")
             (input
                 ("type" "checkbox")
@@ -31,7 +31,7 @@
                 ("name" "open_in_high_contrast"))
             (span (text "Open in high contrast")))
         (div
-            ("class" "flex gap-2")
+            ("class" "flex gap_2")
             (button
                 ("class" "button surface green")
                 ("onclick" "accept()")