Antoine/Metiers_du_patrimoine_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

developping the page

Browse Source
This commit is contained in:
Antoine M 2024-10-24 10:40:31 +02:00
parent 213939a223
commit 139c6d30a3
1 changed files with 78 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
resources/css/pages/single-artisans.css
View File

@ -1,8 +1,85 @@
.metiers-patrimoine-page-container--single-artisans { .metiers-patrimoine-page-container--single-artisans {
.heading-box { .heading-box {
@apply !mt-8 pb-6; @apply !mt-8 pb-6 mb-4;
&__description { &__description {
@apply text-3xl max-w-screen-xl font-bold; @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-6 pb-3;
}
&__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;
}
}
}
}
} }