From fb0249bc480bc56eaabc138cb257555b4ca36175 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Mon, 20 Nov 2023 20:05:12 -0800
Subject: [PATCH] Add textarea hover and focus effect

---
 demo/index.html | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/demo/index.html b/demo/index.html
index f27635b..d8a39e2 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -123,6 +123,25 @@
       border-radius: 8px;
     }
 
+    .CodeMirror::after {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      box-shadow: 0 0 4px hsl(216deg 50% 50%);
+      filter: drop-shadow(0 0 4px hsl(216deg 50% 50%));
+      pointer-events: none;
+      opacity: 0;
+      transition: opacity 400ms;
+    }
+
+    :is(.CodeMirror:hover, .CodeMirror:focus-within)::after {
+      opacity: 1;
+      transition: opacity 200ms;
+    }
+
     .sr-only {
       position: absolute;
       width: 1px;
-- 
2.47.3