83 lines
1.8 KiB
CSS
83 lines
1.8 KiB
CSS
.template-archives--publications {
|
|
.archives-publications-header {
|
|
@apply bg-primary max-w-screen-xl text-white text-center mx-auto;
|
|
}
|
|
.highlighted-publication {
|
|
@apply max-w-screen-xl
|
|
mb-10
|
|
p-8
|
|
mx-auto
|
|
rounded-2xl
|
|
bg-secondary-light
|
|
flex
|
|
flex-row
|
|
items-center
|
|
justify-around;
|
|
&__infos {
|
|
}
|
|
|
|
&__titling {
|
|
@apply flex items-center gap-4 w-fit pb-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;
|
|
}
|
|
&__subtitle {
|
|
@apply font-bold text-secondary text-base pb-2;
|
|
}
|
|
}
|
|
&__comment {
|
|
@apply max-w-3xl pr-6 text-secondary;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
&__cover {
|
|
/* transform: translateY(-30%); */
|
|
@apply rounded-2xl;
|
|
max-width: 200px;
|
|
/* transform: scale(2) translate(-50%, -20%); */
|
|
}
|
|
&__thumbnail-cover {
|
|
position: relative;
|
|
|
|
img {
|
|
@apply rounded-2xl object-cover;
|
|
aspect-ratio: 16/9;
|
|
max-width: 400px;
|
|
}
|
|
&:before {
|
|
content: '';
|
|
@apply bg-neutral-900
|
|
inset-0
|
|
z-30
|
|
absolute
|
|
w-full h-full
|
|
opacity-30
|
|
rounded-2xl;
|
|
content: '';
|
|
|
|
/* @apply absolute inset-0 bg-gradient-to-t from-secondary to-transparent; */
|
|
}
|
|
}
|
|
.cta {
|
|
@apply mt-8;
|
|
}
|
|
|
|
iframe {
|
|
@apply w-full max-w-xl h-auto my-2 rounded-2xl;
|
|
aspect-ratio: 16/9;
|
|
}
|
|
}
|
|
.brochures-archives,
|
|
.fiches-infos-archives,
|
|
.videos-webinaires-archives {
|
|
@apply max-w-screen-xl mx-auto py-4 mt-8;
|
|
}
|
|
}
|