122 lines
3.4 KiB
CSS
122 lines
3.4 KiB
CSS
.card-artisans {
|
|
@apply bg-white rounded-lg shadowed-md flex flex-col;
|
|
&__thumbnail {
|
|
@apply w-full h-32 lg:h-48 object-cover rounded-t-xl;
|
|
}
|
|
&:has(.cta--read-more:hover),
|
|
&:has(.card-artisans__cover-container:hover),
|
|
&:has(.card-artisans__title-container:hover) {
|
|
.card-artisans__cover-image {
|
|
@apply scale-105;
|
|
filter: brightness(1.1);
|
|
}
|
|
.card-artisans__cover-image.is-placeholder {
|
|
filter: brightness(1);
|
|
}
|
|
.cta--read-more {
|
|
@apply text-patrimoine-sante-securite;
|
|
img {
|
|
transform: translateX(3px);
|
|
}
|
|
}
|
|
}
|
|
|
|
&__cover-container {
|
|
@apply w-full overflow-hidden rounded-t-xl;
|
|
&:hover .card-artisans__cover-image {
|
|
@apply scale-105;
|
|
filter: brightness(1.1);
|
|
}
|
|
&:hover .card-artisans__cover-image.is-placeholder {
|
|
filter: brightness(1);
|
|
}
|
|
&:has(.card-artisans__cover-image.is-placeholder) {
|
|
transform: scaleX(-1);
|
|
}
|
|
}
|
|
&__cover-image {
|
|
@apply w-full h-32 lg:h-48 object-cover rounded-t-xl;
|
|
@apply transition-all duration-300;
|
|
&.is-placeholder {
|
|
@apply bg-purple-50 py-4;
|
|
@apply object-contain;
|
|
/* transform: scaleX(-1); */
|
|
object-size: 120%;
|
|
}
|
|
}
|
|
&__inner {
|
|
@apply p-6 w-full grow flex flex-col;
|
|
}
|
|
&__title {
|
|
@apply !text-2xl font-bold text-patrimoine-sante-securite !my-0;
|
|
}
|
|
&__team-members {
|
|
@apply font-bold !my-0;
|
|
}
|
|
&__taxonomy-tags {
|
|
@apply mt-2 mb-4;
|
|
}
|
|
&__contact-details-title {
|
|
@apply uppercase !font-medium text-neutral-400 !mb-3 !text-sm;
|
|
}
|
|
|
|
&__adresse {
|
|
@apply font-normal underline-offset-4 inline-flex !mt-2 w-full;
|
|
&:before {
|
|
@apply inline-flex mr-3 h-6 w-6 bg-center bg-contain bg-no-repeat;
|
|
content: '';
|
|
background-image: url('../resources/img/pictogrammes/Homegrade_repertoire-adresse.svg');
|
|
}
|
|
}
|
|
&__gsm,
|
|
&__phone {
|
|
@apply font-semibold underline-offset-4 inline-flex w-full;
|
|
&:before {
|
|
@apply inline-flex mr-3 h-6 w-6 bg-center bg-contain bg-no-repeat;
|
|
content: '';
|
|
background-image: url('../resources/img/pictogrammes/Homegrade_repertoire-telephone.svg');
|
|
}
|
|
}
|
|
&__gsm {
|
|
&:before {
|
|
background-image: url('../resources/img/pictogrammes/Homegrade_repertoire-gsm.svg');
|
|
}
|
|
}
|
|
&__fax {
|
|
@apply font-semibold underline-offset-4 inline-flex w-full;
|
|
&:before {
|
|
@apply inline-flex mr-3 h-6 w-6 bg-center bg-contain bg-no-repeat;
|
|
content: '';
|
|
background-image: url('../resources/img/pictogrammes/Homegrade_repertoire-fax.svg');
|
|
}
|
|
}
|
|
&__email {
|
|
@apply text-primary underline font-semibold underline-offset-4 inline-flex w-full;
|
|
&:before {
|
|
@apply inline-flex mr-3 h-6 w-6 bg-center bg-contain bg-no-repeat;
|
|
content: '';
|
|
background-image: url('../resources/img/pictogrammes/Homegrade_repertoire-mail.svg');
|
|
}
|
|
}
|
|
|
|
&__website {
|
|
@apply text-primary underline font-semibold underline-offset-4 !flex w-full !p-0;
|
|
&:before {
|
|
@apply inline-flex mr-3 h-6 w-6 bg-center bg-contain bg-no-repeat;
|
|
content: '';
|
|
background-image: url('../resources/img/pictogrammes/Homegrade_repertoire-site.svg');
|
|
}
|
|
&:after {
|
|
@apply !transform-none;
|
|
}
|
|
}
|
|
|
|
&__vat-number {
|
|
@apply !mb-0;
|
|
}
|
|
|
|
.cta--read-more {
|
|
@apply mt-auto !px-2 pt-5;
|
|
}
|
|
}
|