From 674cf4223b63d0b349354472b1993744e420ad6f Mon Sep 17 00:00:00 2001
From: Andras Schmelczer <andras@schmelczer.dev>
Date: Sun, 25 Sep 2022 10:38:55 +0200
Subject: [PATCH] Fix outline color in light-mode

---
 src/page/header/header.scss | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/page/header/header.scss b/src/page/header/header.scss
index f2e033b..41230be 100644
--- a/src/page/header/header.scss
+++ b/src/page/header/header.scss
@@ -13,10 +13,6 @@
     color: var(--accent-color);
   }
 
-  :focus:not(:hover) {
-    outline: var(--very-light-text-color) solid 3px !important;
-  }
-
   h1,
   .placeholder {
     @include title-font();
@@ -44,6 +40,12 @@
     margin-top: var(--line-height);
   }
 
+  @include on-small-screen {
+    :focus:not(:hover) {
+      outline: var(--very-light-text-color) solid 3px !important;
+    }
+  }
+
   @include on-large-screen {
     $img-size: 190px;