106 lines
2.9 KiB
CSS
106 lines
2.9 KiB
CSS
.metiers-patrimoine-page-container--single-artisans {
|
|
.heading-box {
|
|
@apply !mt-10 pb-6 mb-4;
|
|
&__description {
|
|
@apply text-3xl max-w-screen-xl font-bold;
|
|
}
|
|
}
|
|
|
|
.back-to-search {
|
|
@apply block w-fit !mb-2 p-2 font-bold;
|
|
&:before {
|
|
transition: margin 0.3s ease;
|
|
@apply content-[''] inline-flex h-3 w-3
|
|
bg-contain bg-center mr-3 bg-no-repeat;
|
|
background-image: url('../resources/img/pictogrammes/Homegrade_back_icon.svg');
|
|
}
|
|
&:hover {
|
|
@apply !text-patrimoine-sante-securite;
|
|
&:before {
|
|
@apply mr-4;
|
|
}
|
|
}
|
|
}
|
|
.artisan_wrapper {
|
|
@apply lg:flex gap-10;
|
|
}
|
|
aside {
|
|
@apply lg:max-w-sm shrink-0;
|
|
}
|
|
|
|
.artisans-post {
|
|
&__section {
|
|
@apply !mb-12 pt-12 lg:pt-0;
|
|
}
|
|
&__section-title {
|
|
@apply text-3xl font-bold !m-0 pb-3;
|
|
}
|
|
&__section--team {
|
|
.artisans-post__section-title {
|
|
@apply pb-8;
|
|
}
|
|
.artisan-member {
|
|
@apply flex gap-4 items-center;
|
|
&__icon {
|
|
@apply w-20 h-20 object-contain p-3 bg-white shadowed rounded-3xl;
|
|
}
|
|
&__name {
|
|
@apply text-xl font-bold !my-0 text-patrimoine-sante-securite;
|
|
}
|
|
&__phone {
|
|
@apply font-bold flex items-center pt-1;
|
|
&:before {
|
|
@apply content-[''] block h-6 w-6 bg-contain bg-center bg-no-repeat mr-2;
|
|
background-image: url('../resources/img/pictogrammes/Homegrade_repertoire-telephone.svg');
|
|
}
|
|
}
|
|
&__description {
|
|
@apply pt-2;
|
|
}
|
|
}
|
|
}
|
|
&__section--chantiers {
|
|
.artisans-post__section-title {
|
|
@apply !pb-8;
|
|
}
|
|
.chantier {
|
|
&__infos {
|
|
@apply grid sm:grid-cols-2 items-center pt-4 pb-2;
|
|
}
|
|
&__city,
|
|
&__date {
|
|
@apply flex items-center gap-3 my-0;
|
|
&:before {
|
|
@apply content-[''] block h-8 w-8 bg-contain bg-center bg-no-repeat;
|
|
}
|
|
}
|
|
&__city:before {
|
|
background-image: url('../resources/img/pictogrammes/Homegrade_repertoire-adresse.svg');
|
|
}
|
|
&__date:before {
|
|
background-image: url('../resources/img/pictogrammes/Homegrade_repertoire-date-chantier.svg');
|
|
}
|
|
&__title {
|
|
@apply text-2xl font-bold !my-0 text-patrimoine-sante-securite;
|
|
}
|
|
&__description {
|
|
@apply pt-1;
|
|
}
|
|
|
|
&__photo-grid {
|
|
@apply grid md:grid-cols-2 gap-4;
|
|
img {
|
|
@apply w-full h-64 object-cover object-center rounded-lg;
|
|
}
|
|
}
|
|
}
|
|
.chantier + .chantier {
|
|
@apply !mt-16 pt-16 border-t border-solid border-neutral-200;
|
|
}
|
|
}
|
|
}
|
|
.disclaimer {
|
|
@apply text-white text-center mt-4 bg-primary rounded-xl p-4;
|
|
}
|
|
}
|