From d9a29f863c1bbf946f481de5817488ed679206af Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Tue, 24 Sep 2024 15:50:40 +0800
Subject: feat(CSS): add focus visual to editor and output

---
 src/css/index.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

(limited to 'src/css/index.css')

diff --git a/src/css/index.css b/src/css/index.css
index db80277..47c5c1e 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -1,6 +1,7 @@
 :root {
   --content-border: solid lightgray 2px;
   --content-border-radius: 5px;
+  --content-focus-border: solid gray 2px;
 }
 
 .editor {
@@ -27,6 +28,11 @@ body {
 
       border: var(--content-border);
       border-radius: var(--content-border-radius);
+
+      &.focus {
+        border: var(--content-focus-border);
+        outline: var(--content-focus-border);
+      }
     }
 
     .editor {
@@ -62,6 +68,11 @@ body {
     font-family: monospace;
     font-size: 1.0rem;
 
+    &.focus {
+      border: var(--content-focus-border);
+      outline: var(--content-focus-border);
+    }
+
     span {
       white-space: pre;
     }
-- 
cgit v1.2.3-70-g09d2