moved some CSS properties to variables

2026-02-12 16:21:20 +01:00
parent 6119ee8eda
commit 632eef453b
8 changed files with 34 additions and 26 deletions
--- a/src/lib/components/outlined-button.svelte
+++ b/src/lib/components/outlined-button.svelte
@@ -21,11 +21,11 @@
        font-family: var(--font-mono);
        font-size: var(--font-size-mono);
        padding: 8px;
-        border: dashed 2px var(--color-highlight);
+        border: dashed var(--border-dash-size) var(--color-highlight);
        color: var(--color-highlight);
        font-weight: 700;
        cursor: pointer;
-        transition: background-color 0.05s ease-out;
+        transition: background-color var(--duration-animation) ease-out;
    }

    .outlined-button:hover {