121 lines
2.7 KiB
CSS
121 lines
2.7 KiB
CSS
.template-archives--publications {
|
|
.archives-publications-header {
|
|
@apply bg-primary max-w-screen-xl text-white text-center mx-auto;
|
|
}
|
|
.paper-button {
|
|
@apply hidden md:block;
|
|
}
|
|
.highlighted-publication {
|
|
@apply max-w-screen-xl
|
|
mb-10
|
|
p-8
|
|
mx-auto
|
|
rounded-2xl
|
|
bg-secondary-light
|
|
flex
|
|
flex-col
|
|
md:flex-row
|
|
items-center
|
|
justify-around;
|
|
|
|
&__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-7 text-secondary;
|
|
line-height: 1.6;
|
|
a:not(.cta) {
|
|
@apply underline font-bold underline-offset-2;
|
|
}
|
|
p {
|
|
@apply mb-2;
|
|
}
|
|
}
|
|
|
|
&__cover {
|
|
/* transform: translateY(-30%); */
|
|
@apply rounded-2xl mt-12 md:mt-0;
|
|
max-width: 200px;
|
|
max-height: 250px;
|
|
/* 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;
|
|
}
|
|
}
|
|
#highlighted-share-publication {
|
|
@apply bg-primary text-white items-start mt-16;
|
|
/* @apply bg-gray items-start; */
|
|
|
|
.highlighted-publication__titling__title,
|
|
.highlighted-publication__comment {
|
|
@apply text-white;
|
|
}
|
|
.highlighted-publication__comment {
|
|
}
|
|
|
|
.highlighted-share-publication__cover {
|
|
@apply rounded-2xl mt-12 md:mt-0;
|
|
max-width: 200px;
|
|
max-height: 230px;
|
|
}
|
|
}
|
|
|
|
.homegrade-blocks-highlight.distribuez-publications {
|
|
@apply !w-full;
|
|
max-width: unset;
|
|
}
|
|
.brochures-archives,
|
|
.fiches-infos-archives,
|
|
.videos-webinaires-archives {
|
|
@apply max-w-screen-xl mx-auto pt-4 pb-16 mt-8;
|
|
}
|
|
|
|
/* &[filter-active] {
|
|
#highlighted-share-publication,
|
|
.highlighted-publication {
|
|
@apply !hidden;
|
|
}
|
|
} */
|
|
}
|