44 lines
1.1 KiB
CSS
44 lines
1.1 KiB
CSS
#block-demarches-administratives {
|
|
&.card-large-content-container--has-illustration {
|
|
@apply pt-28 md:pt-64;
|
|
}
|
|
.card-large-content {
|
|
&__link {
|
|
@apply flex flex-col justify-center;
|
|
.card-large-content__link__page_icon {
|
|
@apply w-20 h-24 object-contain object-bottom;
|
|
}
|
|
.card-large-content__link__title {
|
|
@apply relative pl-3;
|
|
&:before {
|
|
content: '';
|
|
@apply bg-neutral-900 absolute;
|
|
height: 40%;
|
|
width: 2px;
|
|
top: 50%;
|
|
left: 0;
|
|
transform: translateY(-50%);
|
|
}
|
|
}
|
|
.card-large-content__link__excerpt {
|
|
@apply mb-6;
|
|
}
|
|
.cta {
|
|
@apply px-6 w-full text-center md:w-fit mt-auto;
|
|
}
|
|
}
|
|
}
|
|
.card-large-content--has-illustration {
|
|
@apply pt-28;
|
|
}
|
|
.card-large-content__top-illustration {
|
|
transform: translate(-50%, -70%);
|
|
}
|
|
.card-large-content__links-container {
|
|
@apply grid-cols-1
|
|
md:grid-cols-2
|
|
lg:grid-cols-4
|
|
gap-x-12;
|
|
}
|
|
}
|