diff --git a/resources/css/base/base.css b/resources/css/base/base.css index 6ca99f2..c4990bd 100644 --- a/resources/css/base/base.css +++ b/resources/css/base/base.css @@ -6,6 +6,10 @@ a { main { /* Causing issues with the article sidebar index sticky positioning */ /* overflow-x: hidden; */ + + :last-child { + margin-bottom: 0px !important; + } } ol li { diff --git a/resources/css/base/format-types.css b/resources/css/base/format-types.css index d6b9629..afa6d01 100644 --- a/resources/css/base/format-types.css +++ b/resources/css/base/format-types.css @@ -1,3 +1,3 @@ .uppercased-small-title { - @apply nunito font-bold text-xl tracking-wider uppercase; + @apply nunito font-bold text-lg tracking-wider uppercase; } diff --git a/resources/css/base/typography.css b/resources/css/base/typography.css index 0b81be1..94ecdec 100644 --- a/resources/css/base/typography.css +++ b/resources/css/base/typography.css @@ -2,8 +2,7 @@ body .editor-visual-editor, body.front-end { font-family: 'Nunito Sans', sans-serif; - /* @apply text-primary text-xl; */ - @apply text-carhop-gray text-xl; + @apply text-carhop-gray text-lg; h1, h2, h3, @@ -15,18 +14,18 @@ body.front-end { } h1 { - @apply text-6xl; + @apply text-5xl; } h2 { - @apply text-5xl; + @apply text-4xl; } } p, li { @apply font-light; - line-height: 1.8; + line-height: 1.6; } .wp-block-post-title, .wp-block-heading { @@ -57,10 +56,10 @@ body.wp-admin h6:not(.editor-visual-editor h6) { } body :is(h1, h2, h3, h4, h5, h6).title-small { - @apply text-xl mb-6 font-bold tracking-wider uppercase nunito; + @apply text-lg mb-6 font-bold tracking-wider uppercase nunito; } .title-small { - @apply text-xl mb-6 !font-bold !tracking-wider !uppercase nunito; + @apply text-lg mb-6 !font-bold !tracking-wider !uppercase nunito; } .title-small-important { @@ -75,7 +74,7 @@ h2.chapter-section__title { font-family: 'Nunito Sans', sans-serif !important; } .subtitle-big { - @apply text-6xl font-normal uppercase fjalla pb-6; + @apply text-5xl font-normal uppercase fjalla pb-6; line-height: 1.3; text-rendering: geometricPrecision; font-weight: 100 !important; diff --git a/resources/css/blocks/chapter-section.css b/resources/css/blocks/chapter-section.css index df10a4b..3451397 100644 --- a/resources/css/blocks/chapter-section.css +++ b/resources/css/blocks/chapter-section.css @@ -1,6 +1,6 @@ .chapter-section { @apply relative lg:flex items-center justify-between gap-8 2xl:gap-12 !my-16; - @apply py-32 xl:py-32 2xl:py-48 px-4 md:px-12; + @apply py-32 xl:py-32 2xl:py-48 px-4 md:px-20; @apply max-w-screen-2xl mx-auto; color: var(--content-box-text-color); min-height: 60vh; diff --git a/resources/css/blocks/content-box.css b/resources/css/blocks/content-box.css index 6977c12..0942bc4 100644 --- a/resources/css/blocks/content-box.css +++ b/resources/css/blocks/content-box.css @@ -36,11 +36,11 @@ } h1.wp-block-heading { - @apply !text-6xl mb-12; + @apply !text-4xl mb-12; } h3.wp-block-heading { - @apply !text-4xl uppercase fjalla font-light tracking-wide; + @apply !text-3xl uppercase fjalla font-light tracking-wide; } h4.wp-block-heading { @apply !text-2xl uppercase nunito font-medium tracking-widest pb-1; @@ -124,6 +124,6 @@ body.page .content-box { @apply pb-2; } p { - @apply pb-8; + @apply pb-6; } } diff --git a/resources/css/blocks/dernieres-dynamiques.css b/resources/css/blocks/dernieres-dynamiques.css index ea04344..0e39393 100644 --- a/resources/css/blocks/dernieres-dynamiques.css +++ b/resources/css/blocks/dernieres-dynamiques.css @@ -1,5 +1,5 @@ .block-dernieres-dynamiques { - @apply bg-primary text-white pt-20 px-4 md:px-12; + @apply bg-primary text-white pt-20 px-4 md:px-16; /* overflow: visible !important; */ overflow: hidden !important; @@ -11,7 +11,7 @@ @apply flex flex-wrap items-end justify-between gap-8 gap-y-2 uppercase text-4xl mb-12; .block-title { - @apply flex grow items-end justify-between gap-8 uppercase text-2xl md:text-4xl lg:text-6xl; + @apply flex grow items-end justify-between gap-8 uppercase text-2xl md:text-4xl lg:text-5xl; span { @apply block shrink-0; } @@ -51,7 +51,7 @@ @apply content-[''] mr-2 h-3 w-3 rounded-full bg-carhop-orange-400 inline-block; } .block-dernieres-dynamiques__issue-type { - @apply font-bold text-xl; + @apply font-bold text-lg; } .block-dernieres-dynamiques__issue-reading-time { line-height: 27px; @@ -59,12 +59,12 @@ } &__issue-title { - @apply lg:text-6xl text-4xl uppercase pb-12; - line-height: 1.1; + @apply lg:text-5xl text-4xl uppercase pb-12; + line-height: 1.2; font-weight: 100 !important; } &__issue-content-wrapper { - @apply grid gap-12 2xl:gap-24 pb-24 overflow-hidden lg:overflow-visible; + @apply grid gap-12 lg:gap-36 pb-24 overflow-hidden lg:overflow-visible; @screen md { grid-template-columns: 61.8fr 38.2fr; } @@ -116,13 +116,13 @@ @apply mb-12; h4.title { - @apply uppercase nunito text-xl font-bold pb-2; + @apply uppercase nunito text-lg font-bold pb-2; letter-spacing: 4px; } } &__issue-description { - @apply text-xl; + @apply text-lg; } .dernieres-dynamiques-swiper { @@ -147,7 +147,7 @@ } } &__title { - @apply uppercase nunito text-xl font-bold pb-8 tracking-widest; + @apply uppercase nunito text-lg font-bold pb-8 tracking-widest; letter-spacing: 4px; } &__show-all { diff --git a/resources/css/blocks/heading.css b/resources/css/blocks/heading.css index ee5c9e6..0ee7d5b 100644 --- a/resources/css/blocks/heading.css +++ b/resources/css/blocks/heading.css @@ -1,6 +1,7 @@ .carhop-heading { + @apply pb-8; &__innerblocks { - @apply alignwide !mx-auto flex flex-col justify-center gap-8; + @apply alignwide !mx-auto flex flex-col justify-center gap-6; } &--align-center { @@ -8,7 +9,7 @@ } p { - @apply !mb-0 pb-0 uppercase text-primary; + @apply !mb-0 !pb-0 uppercase text-primary; line-height: 1.2 !important; font-weight: 600; letter-spacing: 0.15em; @@ -20,7 +21,7 @@ h4, h5, h6 { - @apply font-light uppercase tracking-wider max-w-4xl !text-5xl; + @apply font-light uppercase tracking-wider max-w-4xl !text-4xl; line-height: 1.2 !important; /* @apply !mb-0 !pb-0; */ @apply !pb-0; diff --git a/resources/css/blocks/narrative-card.css b/resources/css/blocks/narrative-card.css index d5ce8b3..52a7b30 100644 --- a/resources/css/blocks/narrative-card.css +++ b/resources/css/blocks/narrative-card.css @@ -67,6 +67,6 @@ .narrative-card__content h6 { @apply !text-primary uppercase; - font-size: 2.5rem; + font-size: 2.25rem; } } diff --git a/resources/css/blocks/revues-precedentes.css b/resources/css/blocks/revues-precedentes.css index c7f57e7..011b582 100644 --- a/resources/css/blocks/revues-precedentes.css +++ b/resources/css/blocks/revues-precedentes.css @@ -1,21 +1,21 @@ .block-revues-precedentes { - @apply bg-carhop-blue-50 py-28; + @apply bg-carhop-blue-50 py-20; .block-revues-precedentes__header { } - .swiper-controls, + .swiper-actions-wrapper, .swiper-pagination-fraction, .swiper-pagination { - @apply px-12; + @apply px-20; } .swiper-wrapper { - @apply mb-0; + @apply mb-16; } .swiper-actions-wrapper { @apply md:flex justify-between items-center gap-4; #discover-all-revues { @apply internal-link-with-icon; - @apply font-bold text-xl; + @apply font-bold text-lg; } } @@ -27,7 +27,7 @@ @apply flex flex-col justify-center items-center gap-4; .block-title { - @apply text-base mb-6 font-bold tracking-wider uppercase nunito; + @apply text-base mb-3 font-bold tracking-wider uppercase nunito; } .block-subtitle { @@ -40,9 +40,9 @@ } .card-revue { - @apply flex flex-col lg:grid lg:grid-cols-2 gap-y-2 md:gap-y-6 2xl:gap-y-16 pb-1 2xl:pb-12 gap-x-12 2xl:gap-x-24 lg:px-12 px-4; + @apply flex flex-col lg:grid lg:grid-cols-2 gap-y-2 md:gap-y-6 2xl:gap-y-16 pb-1 2xl:pb-12 gap-x-12 2xl:gap-x-24 lg:px-20 px-4; @screen lg { - grid-template-columns: 61.8fr 38.2fr; + grid-template-columns: 65fr 35fr; } .content-meta { @apply col-span-2 w-full max-w-full mb-0 text-primary; @@ -66,7 +66,7 @@ &__content { @apply mx-0; h4.title { - @apply uppercase text-3xl md:text-6xl lg:text-6xl font-normal pb-8; + @apply uppercase text-3xl md:text-5xl lg:text-5xl font-normal pb-8; line-height: 1.02; } h5.edito-title { diff --git a/resources/css/blocks/team-authors.css b/resources/css/blocks/team-authors.css index 99e7443..3bd6270 100644 --- a/resources/css/blocks/team-authors.css +++ b/resources/css/blocks/team-authors.css @@ -33,7 +33,7 @@ } &__name { - @apply text-2xl font-medium mb-4 uppercase; + @apply text-2xl font-medium mb-0 uppercase; } &__email { @@ -52,7 +52,7 @@ @apply pt-12; &__title { - @apply text-4xl font-medium mb-4 uppercase pb-10; + @apply text-3xl font-medium mb-4 uppercase pb-10; } &__list { diff --git a/resources/css/components/article-card.css b/resources/css/components/article-card.css index 582ccb7..62bd1cc 100644 --- a/resources/css/components/article-card.css +++ b/resources/css/components/article-card.css @@ -33,7 +33,7 @@ @apply text-primary; } &__title { - @apply text-3xl font-medium uppercase pb-4; + @apply text-2xl font-medium uppercase pb-4; } &__tags { @apply flex flex-wrap gap-4 pt-4; diff --git a/resources/css/components/article-caroussel.css b/resources/css/components/article-caroussel.css index a5f84e1..f95aaf5 100644 --- a/resources/css/components/article-caroussel.css +++ b/resources/css/components/article-caroussel.css @@ -9,7 +9,7 @@ /* @apply swiper; */ .swiper { - @apply pb-12; + /* @apply pb-12; */ } .article-card { @apply h-auto; diff --git a/resources/css/components/buttons.css b/resources/css/components/buttons.css index a0c9e71..b964047 100644 --- a/resources/css/components/buttons.css +++ b/resources/css/components/buttons.css @@ -30,7 +30,7 @@ @apply bg-transparent filter-primary border-none px-0 py-6; img { - @apply w-24; + @apply w-20; transition: transform 0.3s ease-in-out; } diff --git a/resources/css/components/content-meta.css b/resources/css/components/content-meta.css index 75bf90b..1836fbf 100644 --- a/resources/css/components/content-meta.css +++ b/resources/css/components/content-meta.css @@ -1,8 +1,8 @@ .content-meta { - @apply flex items-end gap-6 mb-10; + @apply flex items-end gap-6 mb-4; &__type { - @apply font-bold text-xl flex items-center gap-2; + @apply font-bold text-lg flex items-center gap-2; &:before { @apply content-[''] mr-2 h-6 w-6 inline-block; diff --git a/resources/css/components/page-header.css b/resources/css/components/page-header.css index fcbeba9..a14afb3 100644 --- a/resources/css/components/page-header.css +++ b/resources/css/components/page-header.css @@ -15,7 +15,7 @@ @apply !text-white; } &__subtitle { - @apply text-white text-6xl; + @apply text-white text-5xl; } &__description { @apply mb-8 lg:mb-16; diff --git a/resources/css/forms/form-contributions.css b/resources/css/forms/form-contributions.css index 1a1d25b..cdb33d2 100644 --- a/resources/css/forms/form-contributions.css +++ b/resources/css/forms/form-contributions.css @@ -6,15 +6,18 @@ @apply underlined-link underlined-link--white; } .gfield_description { - @apply !text-xl !font-light; + @apply !text-lg !font-light; @apply max-w-3xl pb-4; } + .gchoice { + @apply items-center; + } } .paper-file { @apply !mt-8 !mb-6; .gfield_description { - @apply pt-8 opacity-90; + @apply pt-4 opacity-90; } } diff --git a/resources/css/forms/forms.css b/resources/css/forms/forms.css index 9c26348..e97f1e5 100644 --- a/resources/css/forms/forms.css +++ b/resources/css/forms/forms.css @@ -38,10 +38,14 @@ body.front-end { ); --gf-ctrl-btn-bg-color-hover-primary: white; --gf-ctrl-btn-color-hover-primary: var(--wp--preset--color--carhop-green); + --gf-ctrl-outline-color-focus: white; + --gf-ctrl-outline-offset: 4px; --gf-ctrl-btn-font-size: 3.25rem; --gf-ctrl-btn-font-weight: 300; + --gf-color-in-ctrl-primary: red; + --gf-ctrl-choice-check-color: white; input[type='submit'] { --gf-ctrl-btn-font-size: 1.25rem; diff --git a/resources/css/layout/footer.css b/resources/css/layout/footer.css index bbf6764..8c34c35 100644 --- a/resources/css/layout/footer.css +++ b/resources/css/layout/footer.css @@ -6,7 +6,7 @@ footer { } .branding { - @apply w-full mb-12 grid relative mt-24 md:mt-32 xl:mt-48; + @apply w-full mb-12 grid relative mt-24 md:mt-32; z-index: -1; /* .square, .rectangle-rotated { @@ -82,7 +82,7 @@ footer { li, p, a { - @apply text-xl font-light; + @apply text-lg font-light; } a { @apply underline; diff --git a/resources/css/layout/gutenberg.css b/resources/css/layout/gutenberg.css index 599adf6..da6255a 100644 --- a/resources/css/layout/gutenberg.css +++ b/resources/css/layout/gutenberg.css @@ -10,7 +10,7 @@ article > *:not(.entry-content), } h2 { - @apply text-xl; + @apply text-lg; } h3 { diff --git a/resources/css/layout/nav.css b/resources/css/layout/nav.css index d9e047c..5c68c09 100644 --- a/resources/css/layout/nav.css +++ b/resources/css/layout/nav.css @@ -3,7 +3,7 @@ header { } .website_logo { - @apply w-72 h-auto relative; + @apply w-60 h-auto relative; #secondary-logo { @apply absolute top-0 left-0 w-full h-auto opacity-0 transition-opacity duration-300 ease-in-out; diff --git a/resources/css/layout/nav/primary-menu.css b/resources/css/layout/nav/primary-menu.css index 1b12564..d3b9774 100644 --- a/resources/css/layout/nav/primary-menu.css +++ b/resources/css/layout/nav/primary-menu.css @@ -5,10 +5,11 @@ relative h-fit py-0 - lg:py-8 + lg:py-3 px-8 2xl:px-20 - my-0; + my-0 + !pb-5; .website_logo { @apply hidden lg:block; diff --git a/resources/css/layout/nav/secondary-menu.css b/resources/css/layout/nav/secondary-menu.css index d6809c3..f0de49c 100644 --- a/resources/css/layout/nav/secondary-menu.css +++ b/resources/css/layout/nav/secondary-menu.css @@ -13,7 +13,7 @@ @apply block lg:flex justify-between gap-4; } a { - @apply font-normal text-xl; + @apply font-normal text-lg; } li.menu-item > a:hover { @apply underline underline-offset-8 decoration-1; @@ -24,7 +24,7 @@ @apply flex items-center gap-4; &:after { transition: all 0.3s ease-out; - @apply w-8 h-8 bg-no-repeat bg-contain bg-center text-xl; + @apply w-8 h-8 bg-no-repeat bg-contain bg-center text-lg; filter: invert(1); content: ''; background-image: url('../resources/img/carhop-fleche-lien-externe-full.svg'); diff --git a/resources/css/libs/swiper.css b/resources/css/libs/swiper.css index 6a8dcf3..c9b3796 100644 --- a/resources/css/libs/swiper.css +++ b/resources/css/libs/swiper.css @@ -28,7 +28,7 @@ } .swiper-controls { - @apply flex justify-start gap-6 pt-6 pb-10 static overflow-visible; + @apply flex justify-start gap-6 pt-6 static overflow-visible; .swiper-button-next, .swiper-button-prev { @apply static block border border-primary p-12 rounded-full transition-all duration-300; @@ -43,7 +43,7 @@ } .swiper-button-prev:has(svg), .swiper-button-next:has(svg) { - @apply p-0 border-none w-24 h-24; + @apply p-0 border-none w-20 h-20; &:after { @apply hidden; }