Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

STYLE MAJOR CHANGE Reducing font-size and paddings everywhere
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Antoine M 2025-10-08 15:51:47 +02:00
parent 485033f59f
commit 4cd32a44cc
23 changed files with 67 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/css/base/base.css
View File

@ -6,6 +6,10 @@ a {
main { main {
/* Causing issues with the article sidebar index sticky positioning */ /* Causing issues with the article sidebar index sticky positioning */
/* overflow-x: hidden; */ /* overflow-x: hidden; */
:last-child {
margin-bottom: 0px !important;
}
} }
ol li { ol li {

2
resources/css/base/format-types.css
View File

@ -1,3 +1,3 @@
.uppercased-small-title { .uppercased-small-title {
@apply nunito font-bold text-xl tracking-wider uppercase; @apply nunito font-bold text-lg tracking-wider uppercase;
} }

15
resources/css/base/typography.css
View File

@ -2,8 +2,7 @@
body .editor-visual-editor, body .editor-visual-editor,
body.front-end { body.front-end {
font-family: 'Nunito Sans', sans-serif; font-family: 'Nunito Sans', sans-serif;
/* @apply text-primary text-xl; */ @apply text-carhop-gray text-lg;
@apply text-carhop-gray text-xl;
h1, h1,
h2, h2,
h3, h3,
@ -15,18 +14,18 @@ body.front-end {
} }
h1 { h1 {
@apply text-6xl; @apply text-5xl;
} }
h2 { h2 {
@apply text-5xl; @apply text-4xl;
} }
} }
p, p,
li { li {
@apply font-light; @apply font-light;
line-height: 1.8; line-height: 1.6;
} }
.wp-block-post-title, .wp-block-post-title,
.wp-block-heading { .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 { 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 { .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 { .title-small-important {
@ -75,7 +74,7 @@ h2.chapter-section__title {
font-family: 'Nunito Sans', sans-serif !important; font-family: 'Nunito Sans', sans-serif !important;
} }
.subtitle-big { .subtitle-big {
@apply text-6xl font-normal uppercase fjalla pb-6; @apply text-5xl font-normal uppercase fjalla pb-6;
line-height: 1.3; line-height: 1.3;
text-rendering: geometricPrecision; text-rendering: geometricPrecision;
font-weight: 100 !important; font-weight: 100 !important;

2
resources/css/blocks/chapter-section.css
View File

@ -1,6 +1,6 @@
.chapter-section { .chapter-section {
@apply relative lg:flex items-center justify-between gap-8 2xl:gap-12 !my-16; @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; @apply max-w-screen-2xl mx-auto;
color: var(--content-box-text-color); color: var(--content-box-text-color);
min-height: 60vh; min-height: 60vh;

6
resources/css/blocks/content-box.css
View File

@ -36,11 +36,11 @@
} }
h1.wp-block-heading { h1.wp-block-heading {
@apply !text-6xl mb-12; @apply !text-4xl mb-12;
} }
h3.wp-block-heading { 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 { h4.wp-block-heading {
@apply !text-2xl uppercase nunito font-medium tracking-widest pb-1; @apply !text-2xl uppercase nunito font-medium tracking-widest pb-1;
@ -124,6 +124,6 @@ body.page .content-box {
@apply pb-2; @apply pb-2;
} }
p { p {
@apply pb-8; @apply pb-6;
} }
} }

18
resources/css/blocks/dernieres-dynamiques.css
View File

@ -1,5 +1,5 @@
.block-dernieres-dynamiques { .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: visible !important; */
overflow: hidden !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; @apply flex flex-wrap items-end justify-between gap-8 gap-y-2 uppercase text-4xl mb-12;
.block-title { .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 { span {
@apply block shrink-0; @apply block shrink-0;
} }
@ -51,7 +51,7 @@
@apply content-[''] mr-2 h-3 w-3 rounded-full bg-carhop-orange-400 inline-block; @apply content-[''] mr-2 h-3 w-3 rounded-full bg-carhop-orange-400 inline-block;
} }
.block-dernieres-dynamiques__issue-type { .block-dernieres-dynamiques__issue-type {
@apply font-bold text-xl; @apply font-bold text-lg;
} }
.block-dernieres-dynamiques__issue-reading-time { .block-dernieres-dynamiques__issue-reading-time {
line-height: 27px; line-height: 27px;
@ -59,12 +59,12 @@
} }
&__issue-title { &__issue-title {
@apply lg:text-6xl text-4xl uppercase pb-12; @apply lg:text-5xl text-4xl uppercase pb-12;
line-height: 1.1; line-height: 1.2;
font-weight: 100 !important; font-weight: 100 !important;
} }
&__issue-content-wrapper { &__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 { @screen md {
grid-template-columns: 61.8fr 38.2fr; grid-template-columns: 61.8fr 38.2fr;
} }
@ -116,13 +116,13 @@
@apply mb-12; @apply mb-12;
h4.title { h4.title {
@apply uppercase nunito text-xl font-bold pb-2; @apply uppercase nunito text-lg font-bold pb-2;
letter-spacing: 4px; letter-spacing: 4px;
} }
} }
&__issue-description { &__issue-description {
@apply text-xl; @apply text-lg;
} }
.dernieres-dynamiques-swiper { .dernieres-dynamiques-swiper {
@ -147,7 +147,7 @@
} }
} }
&__title { &__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; letter-spacing: 4px;
} }
&__show-all { &__show-all {

7
resources/css/blocks/heading.css
View File

@ -1,6 +1,7 @@
.carhop-heading { .carhop-heading {
@apply pb-8;
&__innerblocks { &__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 { &--align-center {
@ -8,7 +9,7 @@
} }
p { p {
@apply !mb-0 pb-0 uppercase text-primary; @apply !mb-0 !pb-0 uppercase text-primary;
line-height: 1.2 !important; line-height: 1.2 !important;
font-weight: 600; font-weight: 600;
letter-spacing: 0.15em; letter-spacing: 0.15em;
@ -20,7 +21,7 @@
h4, h4,
h5, h5,
h6 { 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; line-height: 1.2 !important;
/* @apply !mb-0 !pb-0; */ /* @apply !mb-0 !pb-0; */
@apply !pb-0; @apply !pb-0;

2
resources/css/blocks/narrative-card.css
View File

@ -67,6 +67,6 @@
.narrative-card__content h6 { .narrative-card__content h6 {
@apply !text-primary uppercase; @apply !text-primary uppercase;
font-size: 2.5rem; font-size: 2.25rem;
} }
} }

18
resources/css/blocks/revues-precedentes.css
View File

@ -1,21 +1,21 @@
.block-revues-precedentes { .block-revues-precedentes {
@apply bg-carhop-blue-50 py-28; @apply bg-carhop-blue-50 py-20;
.block-revues-precedentes__header { .block-revues-precedentes__header {
} }
.swiper-controls, .swiper-actions-wrapper,
.swiper-pagination-fraction, .swiper-pagination-fraction,
.swiper-pagination { .swiper-pagination {
@apply px-12; @apply px-20;
} }
.swiper-wrapper { .swiper-wrapper {
@apply mb-0; @apply mb-16;
} }
.swiper-actions-wrapper { .swiper-actions-wrapper {
@apply md:flex justify-between items-center gap-4; @apply md:flex justify-between items-center gap-4;
#discover-all-revues { #discover-all-revues {
@apply internal-link-with-icon; @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; @apply flex flex-col justify-center items-center gap-4;
.block-title { .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 { .block-subtitle {
@ -40,9 +40,9 @@
} }
.card-revue { .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 { @screen lg {
grid-template-columns: 61.8fr 38.2fr; grid-template-columns: 65fr 35fr;
} }
.content-meta { .content-meta {
@apply col-span-2 w-full max-w-full mb-0 text-primary; @apply col-span-2 w-full max-w-full mb-0 text-primary;
@ -66,7 +66,7 @@
&__content { &__content {
@apply mx-0; @apply mx-0;
h4.title { 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; line-height: 1.02;
} }
h5.edito-title { h5.edito-title {

4
resources/css/blocks/team-authors.css
View File

@ -33,7 +33,7 @@
} }
&__name { &__name {
@apply text-2xl font-medium mb-4 uppercase; @apply text-2xl font-medium mb-0 uppercase;
} }
&__email { &__email {
@ -52,7 +52,7 @@
@apply pt-12; @apply pt-12;
&__title { &__title {
@apply text-4xl font-medium mb-4 uppercase pb-10; @apply text-3xl font-medium mb-4 uppercase pb-10;
} }
&__list { &__list {

2
resources/css/components/article-card.css
View File

@ -33,7 +33,7 @@
@apply text-primary; @apply text-primary;
} }
&__title { &__title {
@apply text-3xl font-medium uppercase pb-4; @apply text-2xl font-medium uppercase pb-4;
} }
&__tags { &__tags {
@apply flex flex-wrap gap-4 pt-4; @apply flex flex-wrap gap-4 pt-4;

2
resources/css/components/article-caroussel.css
View File

@ -9,7 +9,7 @@
/* @apply swiper; */ /* @apply swiper; */
.swiper { .swiper {
@apply pb-12; /* @apply pb-12; */
} }
.article-card { .article-card {
@apply h-auto; @apply h-auto;

2
resources/css/components/buttons.css
View File

@ -30,7 +30,7 @@
@apply bg-transparent filter-primary border-none px-0 py-6; @apply bg-transparent filter-primary border-none px-0 py-6;
img { img {
@apply w-24; @apply w-20;
transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;
} }

4
resources/css/components/content-meta.css
View File

@ -1,8 +1,8 @@
.content-meta { .content-meta {
@apply flex items-end gap-6 mb-10; @apply flex items-end gap-6 mb-4;
&__type { &__type {
@apply font-bold text-xl flex items-center gap-2; @apply font-bold text-lg flex items-center gap-2;
&:before { &:before {
@apply content-[''] mr-2 h-6 w-6 inline-block; @apply content-[''] mr-2 h-6 w-6 inline-block;

2
resources/css/components/page-header.css
View File

@ -15,7 +15,7 @@
@apply !text-white; @apply !text-white;
} }
&__subtitle { &__subtitle {
@apply text-white text-6xl; @apply text-white text-5xl;
} }
&__description { &__description {
@apply mb-8 lg:mb-16; @apply mb-8 lg:mb-16;

7
resources/css/forms/form-contributions.css
View File

@ -6,15 +6,18 @@
@apply underlined-link underlined-link--white; @apply underlined-link underlined-link--white;
} }
.gfield_description { .gfield_description {
@apply !text-xl !font-light; @apply !text-lg !font-light;
@apply max-w-3xl pb-4; @apply max-w-3xl pb-4;
} }
.gchoice {
@apply items-center;
}
} }
.paper-file { .paper-file {
@apply !mt-8 !mb-6; @apply !mt-8 !mb-6;
.gfield_description { .gfield_description {
@apply pt-8 opacity-90; @apply pt-4 opacity-90;
} }
} }

4
resources/css/forms/forms.css
View File

@ -38,10 +38,14 @@ body.front-end {
); );
--gf-ctrl-btn-bg-color-hover-primary: white; --gf-ctrl-btn-bg-color-hover-primary: white;
--gf-ctrl-btn-color-hover-primary: var(--wp--preset--color--carhop-green); --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-size: 3.25rem;
--gf-ctrl-btn-font-weight: 300; --gf-ctrl-btn-font-weight: 300;
--gf-color-in-ctrl-primary: red;
--gf-ctrl-choice-check-color: white;
input[type='submit'] { input[type='submit'] {
--gf-ctrl-btn-font-size: 1.25rem; --gf-ctrl-btn-font-size: 1.25rem;

4
resources/css/layout/footer.css
View File

@ -6,7 +6,7 @@ footer {
} }
.branding { .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; z-index: -1;
/* .square, /* .square,
.rectangle-rotated { .rectangle-rotated {
@ -82,7 +82,7 @@ footer {
li, li,
p, p,
a { a {
@apply text-xl font-light; @apply text-lg font-light;
} }
a { a {
@apply underline; @apply underline;

2
resources/css/layout/gutenberg.css
View File

@ -10,7 +10,7 @@ article > *:not(.entry-content),
} }
h2 { h2 {
@apply text-xl; @apply text-lg;
} }
h3 { h3 {

2
resources/css/layout/nav.css
View File

@ -3,7 +3,7 @@ header {
} }
.website_logo { .website_logo {
@apply w-72 h-auto relative; @apply w-60 h-auto relative;
#secondary-logo { #secondary-logo {
@apply absolute top-0 left-0 w-full h-auto opacity-0 transition-opacity duration-300 ease-in-out; @apply absolute top-0 left-0 w-full h-auto opacity-0 transition-opacity duration-300 ease-in-out;

5
resources/css/layout/nav/primary-menu.css
View File

@ -5,10 +5,11 @@
relative relative
h-fit h-fit
py-0 py-0
lg:py-8 lg:py-3
px-8 px-8
2xl:px-20 2xl:px-20
my-0; my-0
!pb-5;
.website_logo { .website_logo {
@apply hidden lg:block; @apply hidden lg:block;

4
resources/css/layout/nav/secondary-menu.css
View File

@ -13,7 +13,7 @@
@apply block lg:flex justify-between gap-4; @apply block lg:flex justify-between gap-4;
} }
a { a {
@apply font-normal text-xl; @apply font-normal text-lg;
} }
li.menu-item > a:hover { li.menu-item > a:hover {
@apply underline underline-offset-8 decoration-1; @apply underline underline-offset-8 decoration-1;
@ -24,7 +24,7 @@
@apply flex items-center gap-4; @apply flex items-center gap-4;
&:after { &:after {
transition: all 0.3s ease-out; 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); filter: invert(1);
content: ''; content: '';
background-image: url('../resources/img/carhop-fleche-lien-externe-full.svg'); background-image: url('../resources/img/carhop-fleche-lien-externe-full.svg');

4
resources/css/libs/swiper.css
View File

@ -28,7 +28,7 @@
} }
.swiper-controls { .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-next,
.swiper-button-prev { .swiper-button-prev {
@apply static block border border-primary p-12 rounded-full transition-all duration-300; @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-prev:has(svg),
.swiper-button-next: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 { &:after {
@apply hidden; @apply hidden;
} }