From 21b5e3114f56f1e21e1792b85c7d4fec978f44d5 Mon Sep 17 00:00:00 2001
From: Thibaud Colas <thibaudcolas@gmail.com>
Date: Tue, 18 Feb 2025 15:59:31 +0000
Subject: [PATCH] Add focus-outline mixin to global set

---
 client/scss/components/_form-side.scss     | 1 -
 client/scss/components/_preview-panel.scss | 1 -
 client/scss/tools/_mixins.general.scss     | 4 ++++
 client/src/components/CommentApp/main.scss | 5 +----
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/client/scss/components/_form-side.scss b/client/scss/components/_form-side.scss
index 1a7a379871..8a4aa945f5 100644
--- a/client/scss/components/_form-side.scss
+++ b/client/scss/components/_form-side.scss
@@ -2,7 +2,6 @@
 @use 'sass:map';
 @use 'sass:math';
 @use '../tools' as *;
-@use '../../src/components/CommentApp/main.scss' as *;
 
 .side-panel-open {
   @apply w-overflow-y-hidden sm:w-overflow-y-auto;
diff --git a/client/scss/components/_preview-panel.scss b/client/scss/components/_preview-panel.scss
index ecba6df191..0085c4a59b 100644
--- a/client/scss/components/_preview-panel.scss
+++ b/client/scss/components/_preview-panel.scss
@@ -1,5 +1,4 @@
 @use '../tools' as *;
-@use '../../src/components/CommentApp/main.scss' as *;
 
 .w-preview {
   --w-preview-background-color: var(--w-color-white);
diff --git a/client/scss/tools/_mixins.general.scss b/client/scss/tools/_mixins.general.scss
index d682f0d1bb..c2a6242272 100644
--- a/client/scss/tools/_mixins.general.scss
+++ b/client/scss/tools/_mixins.general.scss
@@ -169,3 +169,7 @@
     }
   }
 }
+
+@mixin focus-outline {
+  outline: $focus-outline-width solid theme('colors.focus');
+}
diff --git a/client/src/components/CommentApp/main.scss b/client/src/components/CommentApp/main.scss
index 5eced5c2f0..89eb5710fb 100644
--- a/client/src/components/CommentApp/main.scss
+++ b/client/src/components/CommentApp/main.scss
@@ -1,4 +1,5 @@
 @use '../../../scss/settings/variables' as *;
+@use '../../../scss/tools' as *;
 
 $color-comment-separator: theme('colors.border-furniture');
 
@@ -10,10 +11,6 @@ $color-box-text: theme('colors.text-context');
 $box-border-radius: 5px;
 $box-padding: 20px;
 
-@mixin focus-outline {
-  outline: theme('colors.focus') solid 3px;
-}
-
 @mixin box {
   background-color: $color-box-background;
   padding: $box-padding;