FIX z-index behaviour problem
This commit is contained in:
parent
dfe3f9f164
commit
09d3c7d514
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user