diff --git a/resources/css/pages/single-artisans.css b/resources/css/pages/single-artisans.css index 3b6f596..69594d9 100644 --- a/resources/css/pages/single-artisans.css +++ b/resources/css/pages/single-artisans.css @@ -1,8 +1,85 @@ .metiers-patrimoine-page-container--single-artisans { .heading-box { - @apply !mt-8 pb-6; + @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-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; + } + } + } + } }