93 lines
2.3 KiB
CSS
93 lines
2.3 KiB
CSS
.metiers-patrimoine-page-container--single-artisans {
|
|
.heading-box {
|
|
@apply !mt-8 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/Homegrade_back_icon.svg');
|
|
}
|
|
&:hover {
|
|
@apply !text-patrimoine-sante-securite;
|
|
&:before {
|
|
@apply mr-4;
|
|
}
|
|
}
|
|
}
|
|
.artisan_wrapper {
|
|
@apply flex gap-10;
|
|
}
|
|
aside {
|
|
@apply max-w-sm shrink-0;
|
|
}
|
|
|
|
.artisans-post {
|
|
&__section {
|
|
@apply !mb-12;
|
|
}
|
|
&__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;
|
|
}
|
|
&__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/Homegrade_repertoire-adresse.svg');
|
|
}
|
|
&__date:before {
|
|
background-image: url('../resources/img/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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|