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

STYLE Refining heading coherence
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Antoine M 2025-10-09 15:57:11 +02:00
parent e194542db3
commit 8266e783d5
6 changed files with 20 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -126,4 +126,7 @@ body.page .content-box {
p { p {
@apply pb-6; @apply pb-6;
} }
.carhop-heading p {
@apply font-bold tracking-bigbig;
}
} }

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

@ -116,8 +116,7 @@
@apply mb-12; @apply mb-12;
h4.title { h4.title {
@apply uppercase nunito text-lg font-bold pb-2; @apply uppercase nunito text-lg font-bold pb-2 tracking-bigbig;
letter-spacing: 4px;
} }
} }
@ -147,11 +146,10 @@
} }
} }
&__title { &__title {
@apply uppercase nunito text-lg font-bold pb-8 tracking-widest; @apply uppercase nunito text-lg font-bold pb-8 tracking-bigbig;
letter-spacing: 4px;
} }
&__show-all { &__show-all {
@apply text-base font-extrabold uppercase pb-8 tracking-widest nunito text-primary text-center mx-auto block mt-12; @apply text-base font-extrabold uppercase pb-8 tracking-bigbig nunito text-primary text-center mx-auto block mt-12;
} }
} }

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

@ -11,8 +11,8 @@
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: 700;
letter-spacing: 0.15em; @apply tracking-widest;
} }
h1, h1,

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

@ -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-3 font-bold tracking-wider uppercase nunito; @apply text-lg mb-3 font-bold tracking-bigbig uppercase nunito;
} }
.block-subtitle { .block-subtitle {
@ -56,7 +56,7 @@
@apply flex items-center gap-2; @apply flex items-center gap-2;
.value { .value {
@apply bg-primary text-white p-4 font-medium uppercase; @apply bg-primary text-white p-3 font-medium uppercase;
} }
} }
&__image { &__image {
@ -122,7 +122,7 @@
&__post-details { &__post-details {
@apply md:flex gap-8 pt-12; @apply md:flex gap-8 pt-12;
.label { .label {
@apply uppercase font-bold tracking-widest !mb-0 text-primary; @apply uppercase font-bold tracking-bigbig !mb-0 text-primary;
} }
.card-revue__parution { .card-revue__parution {
@apply text-primary; @apply text-primary;

2
resources/css/blocks/subscribe-infolettre.css
View File

@ -23,7 +23,7 @@
&__content { &__content {
.block-title { .block-title {
@apply text-base mb-6 uppercase font-bold tracking-wider; @apply text-lg mb-6 uppercase font-bold tracking-bigbig;
} }
h2 { h2 {
@apply text-5xl mb-12 uppercase font-semibold; @apply text-5xl mb-12 uppercase font-semibold;

26
tailwind.config.js
View File

@ -3,9 +3,7 @@ const tailpress = require('@jeffreyvr/tailwindcss-tailpress');
// Fonction pour obtenir la couleur de base depuis theme.json // Fonction pour obtenir la couleur de base depuis theme.json
const getBaseColor = (slug) => { const getBaseColor = (slug) => {
const color = theme.settings.color.palette.find( const color = theme.settings.color.palette.find((c) => c.slug === slug);
(c) => c.slug === slug
);
return color ? color.color : null; return color ? color.color : null;
}; };
@ -27,9 +25,7 @@ module.exports = {
}, },
extend: { extend: {
colors: { colors: {
...tailpress.colorMapper( ...tailpress.colorMapper(tailpress.theme('settings.color.palette', theme)),
tailpress.theme('settings.color.palette', theme)
),
'carhop-green': { 'carhop-green': {
50: getBaseColor('carhop-green-light'), 50: getBaseColor('carhop-green-light'),
100: '#cef9ee', 100: '#cef9ee',
@ -97,24 +93,18 @@ module.exports = {
}, },
}, },
fontSize: tailpress.fontSizeMapper( fontSize: tailpress.fontSizeMapper(
tailpress.theme( tailpress.theme('settings.typography.fontSizes', theme)
'settings.typography.fontSizes',
theme
)
), ),
letterSpacing: {
bigbig: '3px',
},
}, },
screens: { screens: {
xs: '480px', xs: '480px',
sm: '600px', sm: '600px',
md: '782px', md: '782px',
lg: tailpress.theme( lg: tailpress.theme('settings.layout.contentSize', theme),
'settings.layout.contentSize', xl: tailpress.theme('settings.layout.wideSize', theme),
theme
),
xl: tailpress.theme(
'settings.layout.wideSize',
theme
),
'2xl': '1441px', '2xl': '1441px',
'3xl': '1840px', '3xl': '1840px',
}, },