homegrade_theme_production/resources/css/blocks/page-card.css
Nonimart 32e2bc264b
All checks were successful
continuous-integration/drone/push Build is passing
CHORE STYLE Updating slug and classes for thematique whos slug has changed
2025-10-27 15:49:58 +01:00

85 lines
1.9 KiB
CSS

.homegrade-blocks-page-card {
@apply flex flex-col text-2xl mt-8 bg-white shadowed-lg rounded-3xl !p-8 relative;
text-decoration: none !important;
transition: all 0.3s ease-in-out;
&:hover {
@apply !bg-white !rounded-3xl translate-y-2;
transition: all 0.3s ease-in-out;
scale: 1.01;
.homegrade-blocks-page-card__cta .cta_arrow_button {
@apply translate-x-1;
}
}
&__icon {
max-width: 80px !important ;
}
&__title {
text-decoration: none;
@apply !text-xl font-bold !mt-3 text-black;
line-height: 1.2 !important;
}
&__excerpt {
@apply text-base pt-3 !text-base text-black font-normal;
}
&__cta {
.cta_arrow_button {
transition: all 0.3s ease-in-out;
}
@apply mt-auto text-lg relative w-full text-black;
/* align-self: last baseline; */
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 2rem;
font-weight: 700;
/* position: unset; */
}
}
.post-card--coproprietes,
.post-card--mede-eigendommen,
.post-card--acoustique,
.post-card--akoestiek {
h2.post-card__title {
@apply text-acoustique-coproprietes;
}
}
.post-card--urbanisme,
.post-card--stedenbouw,
.post-card--energies,
.post-card--energie {
h2.post-card__title {
@apply text-energies-urbanisme;
}
}
.post-card--au-quotidien,
.post-card--dagelijks,
.post-card--isolatie,
.post-card--isolation {
h2.post-card__title {
@apply text-isolation-quotidien;
}
}
.post-card--patrimoine,
.post-card--erfgoed,
.post-card--sante-securite-salubrite,
.post-card--gezondheid-veiligheid-hygiene {
h2.post-card__title {
@apply text-patrimoine-sante-securite;
}
}
.post-card--location-achat,
.post-card--verhuur-ankoop,
.post-card--durabilite,
.post-card--duurzaamheid {
h2.post-card__title {
@apply !text-location-durabilite;
}
}