FIX z-index behaviour problem

This commit is contained in:
Antoine M 2025-09-04 16:13:26 +02:00
parent dfe3f9f164
commit 09d3c7d514

View File

@ -15,7 +15,7 @@
@apply block shrink-0;
}
&:after {
@apply w-full z-50 bg-white block mb-2;
@apply w-full z-20 bg-white block mb-2;
height: 1px;
content: ' ';
}
@ -58,12 +58,12 @@
}
&__issue-title {
@apply text-6xl uppercase pb-12;
@apply lg:text-6xl text-4xl uppercase pb-12;
line-height: 1.1;
font-weight: 100 !important;
}
&__issue-content-wrapper {
@apply grid gap-12 2xl:gap-24 pb-24;
@apply grid gap-12 2xl:gap-24 pb-24 overflow-hidden lg:overflow-visible;
@screen md {
grid-template-columns: 61.8fr 38.2fr;
}
@ -77,7 +77,7 @@
width: 104%;
transform: perspective(800px) rotateY(10deg) skewX(1deg) rotateZ(4deg) rotateX(1deg)
scale(0.98) translateY(-2px);
scale(0.95) translateY(-2px) translateX(-40px);
z-index: 0;
&::before {
@ -97,6 +97,7 @@
height: 330px;
position: relative;
z-index: 10;
transform: translateX(-30px);
img {
width: calc(100% - 42px);