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); + } + } +}