59 lines
1.1 KiB
CSS
59 lines
1.1 KiB
CSS
.homegrade-blocks-chapitrage-thematique {
|
|
.homegrade-blocks-chapitre-thematique {
|
|
@apply p-0 gap-8 mb-12
|
|
|
|
lg:grid;
|
|
/* padding-left: 100px; */
|
|
|
|
@screen xl {
|
|
grid-template-columns: 180px 1fr;
|
|
}
|
|
@screen 2xl {
|
|
grid-template-columns: 250px 1fr;
|
|
}
|
|
|
|
h3 {
|
|
@apply mt-0;
|
|
}
|
|
&__cover {
|
|
@apply rounded-3xl shrink-0 w-full h-fit bg-white shadowed;
|
|
aspect-ratio: 1/1;
|
|
|
|
img {
|
|
max-width: 76%;
|
|
max-height: 76%;
|
|
}
|
|
}
|
|
&__content {
|
|
@apply shrink w-fit;
|
|
min-width: 300px;
|
|
}
|
|
&__cta {
|
|
@apply after:absolute
|
|
after:inset-0
|
|
font-bold
|
|
hover:opacity-100
|
|
pt-8
|
|
flex
|
|
items-center
|
|
justify-between;
|
|
transition: font-weight 0.3s ease-in-out;
|
|
.cta_arrow_button {
|
|
@apply block;
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.homegrade-blocks-lien-chapitre {
|
|
@apply my-12 shadowed rounded-2xl p-12;
|
|
&__title {
|
|
@apply text-xl font-bold pb-3;
|
|
}
|
|
&__cta {
|
|
@apply font-bold;
|
|
}
|
|
}
|
|
}
|