Compare commits

..

No commits in common. "e2fba59e2ae80c3e7a11c30c0a5d13e37b5044fb" and "0f47ea2c9312b90cd4a43c9516c8525b992a75d5" have entirely different histories.

3 changed files with 10 additions and 12 deletions

View File

@ -136,11 +136,9 @@
/* opacity: 0.5; */ /* opacity: 0.5; */
top: 100px; top: 100px;
height: calc(100% - 150px); height: calc(100% - 150px);
@screen lg {
transform: translateY(100px) translateX(-50%) perspective(800px) skewX(1deg) transform: translateY(100px) translateX(-50%) perspective(800px) skewX(1deg)
rotateZ(-2deg) rotateY(-4deg) scaleX(1.98); rotateZ(-2deg) 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;
} }

View File

@ -29,10 +29,9 @@
} }
.card-revue { .card-revue {
@apply flex flex-col lg:grid lg:grid-cols-2 gap-y-12 2xl:gap-y-16 pb-12 gap-x-12 2xl:gap-x-24 px-12; @apply grid gap-y-12 2xl:gap-y-16 pb-12 gap-x-12 2xl:gap-x-24 px-12;
@screen lg {
grid-template-columns: 61.8fr 38.2fr; grid-template-columns: 61.8fr 38.2fr;
}
.content-meta { .content-meta {
@apply col-span-2 w-full max-w-full mb-0; @apply col-span-2 w-full max-w-full mb-0;
} }
@ -51,7 +50,6 @@
&__issue-thumbnail-wrapper { &__issue-thumbnail-wrapper {
@apply relative w-full; @apply relative w-full;
.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: 94%;

View File

@ -3,13 +3,15 @@
--swiper-pagination-bullet-height: 2px; --swiper-pagination-bullet-height: 2px;
--swiper-pagination-bullet-width: 100%; --swiper-pagination-bullet-width: 100%;
--swiper-pagination-bullet-horizontal-gap: 0px; --swiper-pagination-bullet-horizontal-gap: 0px;
--swiper-theme-color: var(--wp--preset--color--primary) !important; --swiper-theme-color: var(
--wp--preset--color--primary
) !important;
--swiper-pagination-color: transparent !important; --swiper-pagination-color: transparent !important;
--swiper-pagination-bullet-inactive-color: transparent !important; --swiper-pagination-bullet-inactive-color: transparent !important;
} }
.swiper-pagination { .swiper-pagination {
@apply h-fit flex gap-4 lg:gap-12 !static; @apply h-fit flex gap-12 !static;
top: unset !important; top: unset !important;
bottom: 0px !important; bottom: 0px !important;
z-index: 100 !important; z-index: 100 !important;
@ -40,5 +42,5 @@
} }
} }
.swiper-wrapper { .swiper-wrapper {
@apply mb-4 block lg:flex; @apply mb-4;
} }