hugo-theme-terminal

commit 6886f9b0d63a02c31582342d89cd7de69a3f1a1b
parent ceff34fd9ea775dbcd56fca1dce39b4862fab6d0
Author: Lou Woell <lou.woell@posteo.de>
Date:   Tue,  4 Mar 2025 01:37:03 +0100

add focus states to links and buttons

Diffstat:
M
assets/css/buttons.scss
 | 
5
+++++
M
assets/css/main.scss
 | 
5
+++++
M
assets/css/tabbedContainer.scss
 | 
8
++++++++

3 files changed, 18 insertions(+), 0 deletions(-)
diff --git a/assets/css/buttons.scss b/assets/css/buttons.scss
@@ -50,6 +50,11 @@ a.button {
     min-width: 200px;
     padding: 14px 24px;
   }
+
+  &:focus {
+    border-color: $color;
+    outline: 2px solid $color;
+  }
 }
 
 a.read-more,
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -65,6 +65,11 @@ body {
 a {
   color: inherit;
 
+  &:focus {
+    border-color: $color;
+    outline: 2px solid $color;
+  }
+
   /* Waiting for a better times... */
   /* &:has(code) {
     text-decoration-color: $accent;
diff --git a/assets/css/tabbedContainer.scss b/assets/css/tabbedContainer.scss
@@ -29,6 +29,14 @@
   flex: 1;
   transition: all .35s ease;
   background: $background;
+
+
+  &:focus {
+    border: 2px solid $accent !important;
+    outline: 0px solid $accent;
+    color: $color !important;
+    opacity: 1 !important;
+  }
 }
 
 .tabContainer > .tabBar button.active {