refining Game css

This commit is contained in:
Antoine M 2024-02-13 19:21:43 +01:00
parent 30f5cd675e
commit 8ca69a1d0e

View File

@ -2,9 +2,47 @@
// @apply pt-32;
.screen {
@apply pt-20;
@apply overflow-hidden;
}
.salut {
@apply bg-red-300;
.lhoist-blocks-search-and-find {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
&::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera*/
}
cursor: url("../../img/cursors/cursor-hand-free-xd.svg"), auto;
:active {
cursor: url("../../img/cursors/cursor-hand-grab.svg"), auto;
}
@apply w-screen overflow-x-scroll left-0 top-0 absolute h-full;
&__background_picture {
@apply top-0 h-full w-auto block;
height: 100vh;
max-width: revert;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
pointer-events: none;
}
&__objects-container {
@apply w-fit h-full relative;
.lhoist-blocks-focus-object {
// user-drag: none;
// cursor: url("../../img/cursors/cursor-hand-pointer.svg"), auto;
cursor: url("../../img/cursors/cursor-hand-glass@2x.png"), auto;
@apply absolute w-auto block object-contain;
// filter: brightness(10%) sepia(100%) saturate(10000%) hue-rotate(10deg);
&--inactive {
filter: brightness(10%) sepia(10%) hue-rotate(10deg);
pointer-events: none;
}
}
}
}
}