Make div border slightly clearer on hover/focus

FriendsOfFlarum · Jun 29, 2024 · 6b2e554 · 6b2e554
1 parent f918b62
commit 6b2e554
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/resources/less/forum.less b/resources/less/forum.less
@@ -12,8 +12,12 @@
 
     &.editable:not(.editing) {
         cursor: text;
+        border-color: rgba(255, 255, 255, 0.1);
+        transition: 0.2s ease border-color;
 
-        border-color: rgba(255, 255, 255, 0.2);
+        &:hover, &:focus {
+            border-color: rgba(255, 255, 255, 0.3);
+        }
     }
 
     &, textarea {