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 {
/* Causing issues with the article sidebar index sticky positioning */
/* overflow-x: hidden; */
:last-child {
margin-bottom: 0px !important;
}
}
ol li {

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

@ -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;
}

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

@ -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;

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

@ -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;

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

@ -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;
}
}

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

@ -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 {

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

@ -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;

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

@ -67,6 +67,6 @@
.narrative-card__content h6 {
@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 {
@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 {

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

@ -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 {

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

@ -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;

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

@ -9,7 +9,7 @@
/* @apply swiper; */
.swiper {
@apply pb-12;
/* @apply pb-12; */
}
.article-card {
@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;
img {
@apply w-24;
@apply w-20;
transition: transform 0.3s ease-in-out;
}

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

@ -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;

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

@ -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;

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

@ -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;
}
}

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-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;

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

@ -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;

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

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

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

@ -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;

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

@ -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;

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

@ -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');

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

@ -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;
}