diff --git a/resources/css/app.css b/resources/css/app.css index 952a174..22ae009 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -87,11 +87,13 @@ @import './blocks/kit-presse.css'; @import './blocks/press-photo-kit.css'; @import './blocks/press-reviews.css'; +@import './blocks/offres-emplois.css'; @import './blocks/icon.css'; @import './blocks/tips-to-know.css'; /* ########### PAGE ############ */ @import './pages/demo-components.css'; +@import './pages/sitemap-progress.css'; @import './pages/template-archive-publications.css'; @import './pages/template-archive-conseils.css'; @import './pages/template-archive-questions-(faq).css'; diff --git a/resources/css/blocks/offres-emplois.css b/resources/css/blocks/offres-emplois.css new file mode 100644 index 0000000..aa4b90f --- /dev/null +++ b/resources/css/blocks/offres-emplois.css @@ -0,0 +1,58 @@ +.homegrade-blocks-offres-emplois { + .table_head { + @apply grid gap-x-8 gap-4 grid-cols-7 font-bold + bg-neutral-100 rounded-3xl py-8 px-8; + + :nth-child(1) { + @apply col-span-4; + } + + :nth-child(2) { + @apply col-span-1; + } + :nth-child(3) { + @apply col-span-2; + } + } + &__offres-grid-datas { + @apply pt-0 !mt-0; + } + &__offre { + @apply grid gap-x-8 gap-y-2 !px-8 !py-6 list-none; + grid-template-columns: repeat(7, 1fr); + align-items: center; + &:before { + @apply !content-none !pl-0; + } + } + &__offre + &__offre { + border-top: 1px solid #e2e8f0; + } + &__ressource-icon { + @apply bg-white shadowed + w-24 h-24 + mx-auto + rounded-3xl + flex + items-center + justify-center; + /* @apply w-12 col-span-1; */ + img { + max-width: 80%; + max-height: 50%; + } + } + &__offre-title { + @apply col-span-7 md:col-span-4 pr-4 !my-0; + } + &__offre-type { + @apply col-span-7 md:col-span-1 pl-2 uppercase !my-0; + } + + &__offre-download { + @apply col-span-7 md:col-span-2 !my-0 + justify-self-center + md:justify-self-start + lg:justify-self-end; + } +}