63 lines
1.2 KiB
CSS
63 lines
1.2 KiB
CSS
.archives-publications-header {
|
|
@apply bg-primary max-w-screen-xl text-white text-center mx-auto;
|
|
}
|
|
|
|
.highlighted-brochure {
|
|
@apply max-w-screen-xl
|
|
p-8
|
|
mx-auto
|
|
mt-0
|
|
bg-secondary-light;
|
|
|
|
/* &__infos {
|
|
&:after {
|
|
@apply absolute
|
|
left-0
|
|
bottom-0
|
|
w-full
|
|
bg-secondary-light;
|
|
content: '';
|
|
height: 200px;
|
|
z-index: -1;
|
|
}
|
|
} */
|
|
&__wrapper {
|
|
@apply relative
|
|
flex
|
|
flex-row
|
|
items-end
|
|
justify-between;
|
|
}
|
|
&__titling {
|
|
@apply flex items-center gap-4;
|
|
&__icon {
|
|
@apply bg-secondary rounded-full w-8 h-8 flex items-center justify-center;
|
|
img {
|
|
@apply w-full;
|
|
max-width: 40%;
|
|
}
|
|
}
|
|
&__title {
|
|
@apply font-bold text-secondary text-xl;
|
|
}
|
|
}
|
|
&__comment {
|
|
@apply pt-4 w-2/3 max-w-5xl pr-6;
|
|
}
|
|
|
|
&__cover {
|
|
@apply absolute right-0 bottom-0;
|
|
/* transform: translateY(-30%); */
|
|
@apply w-1/3;
|
|
max-width: 250px;
|
|
/* transform: scale(2) translate(-50%, -20%); */
|
|
}
|
|
.cta {
|
|
@apply mt-8;
|
|
}
|
|
}
|
|
.brochures-archives,
|
|
.fiches-infos-archives {
|
|
@apply max-w-screen-xl mx-auto py-4 mt-8;
|
|
}
|