add styling to button

Signed-off-by: Tobias Erbshäußer <tobias@tesoft.dev>
2026-05-24 09:30:57 +02:00
parent 8211c78287
commit 5364555bc8
4 changed files with 117 additions and 10 deletions
@@ -1,8 +1,13 @@
 :root {
    --dark-gray: #222831;
-    --gray: #393E46;
    --gold: #FFD369;
+    --gray: #393E46;
    --light-gray: #EEEEEE;
+
+    --small-padding: 0.6rem;
+    --medium-padding: 0.8rem;
+    --large-padding: 1.2rem;
+    --button-border-radius: 0.5rem;
 }

 html {
@@ -12,12 +17,11 @@ html {

 * {
    box-sizing: border-box;
+    font-family: "Adwaita Sans", sans-serif;
+    font-size: 1.4rem;
+    line-height: 2.1rem;
    margin: 0;
    padding: 0;
-
-    font-family: "Adwaita Sans", sans-serif;
-    line-height: 2.1rem;
-    font-size: 1.4rem;
 }

 *::after {
@@ -39,3 +43,9 @@ html {
 a {
    color: var(--gold);
 }
+
+a:focus {
+    outline-color: var(--gold);
+    outline-offset: 0.2rem;
+    outline-style: solid;
+}