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

RESPONSIVE FIX card background height

Browse Source
This commit is contained in:
Antoine M 2025-09-03 12:23:02 +02:00
parent e752b6d0a5
commit 00d1384c3f
1 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -73,11 +73,11 @@
@apply relative; @apply relative;
.card-background { .card-background {
@apply absolute border-primary border bg-white top-20 left-8; @apply absolute border-primary border bg-white top-20 left-8;
height: 94%; height: 330px;
width: 104%; width: 104%;
transform: perspective(800px) rotateY(10deg) transform: perspective(800px) rotateY(10deg) skewX(1deg) rotateZ(4deg) rotateX(1deg)
skewX(1deg) rotateZ(4deg) rotateX(1deg) scale(0.98) scale(0.98) translateY(-2px);
translateY(-2px);
z-index: 0; z-index: 0;
&::before { &::before {
@ -136,9 +136,8 @@
/* opacity: 0.5; */ /* opacity: 0.5; */
top: 100px; top: 100px;
height: calc(100% - 150px); height: calc(100% - 150px);
transform: translateY(100px) translateX(-50%) transform: translateY(100px) translateX(-50%) perspective(800px) skewX(1deg)
perspective(800px) skewX(1deg) rotateZ(-2deg) rotateZ(-2deg) rotateY(-4deg) scaleX(1.98);
rotateY(-4deg) scaleX(1.98);
} }
&__title { &__title {
@apply text-base font-extrabold uppercase pb-8 tracking-widest nunito; @apply text-base font-extrabold uppercase pb-8 tracking-widest nunito;
@ -148,9 +147,7 @@
} }
} }
:is(p, span, h1, h2, h3, h4, h5, h6):not( :is(p, span, h1, h2, h3, h4, h5, h6):not(.article-card *) {
.article-card *
) {
@apply text-white; @apply text-white;
} }
} }