styling front block for preview
This commit is contained in:
parent
51a729d8fd
commit
317d9516e1
22
resources/css/blocks/search-and-find.css
Normal file
22
resources/css/blocks/search-and-find.css
Normal file
|
|
@ -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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user