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