From 317d9516e1ec6fb7655550cb9cbc9595c48cae98 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 13 Feb 2024 19:17:00 +0100
Subject: [PATCH] styling front block for preview

---
 resources/css/blocks/search-and-find.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 resources/css/blocks/search-and-find.css

diff --git a/resources/css/blocks/search-and-find.css b/resources/css/blocks/search-and-find.css
new file mode 100644
index 0000000..e0248eb
--- /dev/null
+++ b/resources/css/blocks/search-and-find.css
@@ -0,0 +1,22 @@
+.lhoist-blocks-search-and-find {
+  @apply w-screen overflow-scroll;
+  transition: 'scroll 0.5s ease-in-out';
+  margin: 0 calc(50% - 50vw) !important;
+
+  &__background_picture {
+    @apply top-0 h-full w-auto block;
+
+    height: 70vh;
+    max-width: revert;
+  }
+
+  &__objects-container {
+    @apply w-fit h-full relative;
+    
+    .lhoist-blocks-focus-object {
+      @apply absolute opacity-70 w-auto block object-contain;
+      filter: brightness(10%) sepia(100%) saturate(10000%)
+        hue-rotate(10deg);
+    }
+  }
+}