Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIX z-index behaviour problem

Browse Source
This commit is contained in:
Antoine M 2025-09-04 16:13:26 +02:00
parent dfe3f9f164
commit 09d3c7d514
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
resources/css/blocks/dernieres-dynamiques.css
View File

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