From 1b32e7f0bf8f2ddd2b6b3611821875cd446642f4 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 25 Feb 2026 14:39:11 +0100
Subject: [PATCH] wait #8021 @1

---
 style/fluidbook.less | 56 +-------------------------------------
 style/mixins.less    |  7 -----
 style/search.less    | 64 ++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 65 insertions(+), 62 deletions(-)
 create mode 100644 style/search.less

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 456b5157..871d3c4a 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -687,61 +687,7 @@ body, html {
   }
 }
 
-/* Search */
-
-@keyframes pulse {
-  0% {
-    transform: scale(0.8);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-}
-
-#searchHighlights, .searchHighlights {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  z-index: 6;
-  pointer-events: none;
-  opacity: 0.3;
-
-  .highlight {
-    position: absolute;
-    border-width: 2px;
-    border-radius: 2px;
-    border-style: solid;
-
-    transform-origin: 0 0;
-
-    //&.robust {
-    //  border-radius: 50% 50%;
-    //  animation: pulse 1s infinite alternate linear;
-    //  transform-origin: 50% 50%;
-    //}
-
-    &[data-color="0"], &[data-color="5"], &[data-color="10"] {
-      .highlight-area(#00ff00);
-    }
-
-    &[data-color="1"], &[data-color="6"], &[data-color="11"] {
-      .highlight-area(#ffff00);
-    }
-
-    &[data-color="2"], &[data-color="7"], &[data-color="12"] {
-      .highlight-area(#00ffff);
-    }
-
-    &[data-color="3"], &[data-color="8"], &[data-color="13"] {
-      .highlight-area(#ff00ff);
-    }
-
-    &[data-color="4"], &[data-color="9"], &[data-color="14"] {
-      .highlight-area(#ff0000);
-    }
-  }
-}
+@import "search";
 
 @import "shadow";
 
diff --git a/style/mixins.less b/style/mixins.less
index 3be76a07..64db2f3e 100644
--- a/style/mixins.less
+++ b/style/mixins.less
@@ -8,13 +8,6 @@
   display: none;
 }
 
-.highlight-area(@color) {
-  border-color: @color;
-  background-color: @color;
-  &.robust {
-    border: 0;
-  }
-}
 
 .page-transition(@factor) {
   .prop-transition(all, @factor);
diff --git a/style/search.less b/style/search.less
new file mode 100644
index 00000000..e56e99b1
--- /dev/null
+++ b/style/search.less
@@ -0,0 +1,64 @@
+/* Search */
+
+@keyframes pulse {
+  0% {
+    transform: scale(0.8);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}
+
+
+.highlight-area(@color) {
+  border-color: @color;
+  background-color: @color;
+  &.robust {
+    border: 0;
+  }
+}
+
+#searchHighlights, .searchHighlights {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 6;
+  pointer-events: none;
+  opacity: 0.3;
+
+  .highlight {
+    position: absolute;
+    border-width: 2px;
+    border-radius: 2px;
+    border-style: solid;
+
+    transform-origin: 0 0;
+
+    //&.robust {
+    //  border-radius: 50% 50%;
+    //  animation: pulse 1s infinite alternate linear;
+    //  transform-origin: 50% 50%;
+    //}
+
+    &[data-color="0"], &[data-color="5"], &[data-color="10"] {
+      .highlight-area(@search-highlight-0);
+    }
+
+    &[data-color="1"], &[data-color="6"], &[data-color="11"] {
+      .highlight-area(@search-highlight-1);
+    }
+
+    &[data-color="2"], &[data-color="7"], &[data-color="12"] {
+      .highlight-area(@search-highlight-2);
+    }
+
+    &[data-color="3"], &[data-color="8"], &[data-color="13"] {
+      .highlight-area(@search-highlight-3);
+    }
+
+    &[data-color="4"], &[data-color="9"], &[data-color="14"] {
+      .highlight-area(@search-highlight-4);
+    }
+  }
+}
\ No newline at end of file
-- 
2.39.5