diff --git a/resources/css/blocks/content-box.css b/resources/css/blocks/content-box.css index 0942bc4..cf0aaa7 100644 --- a/resources/css/blocks/content-box.css +++ b/resources/css/blocks/content-box.css @@ -126,4 +126,7 @@ body.page .content-box { p { @apply pb-6; } + .carhop-heading p { + @apply font-bold tracking-bigbig; + } } diff --git a/resources/css/blocks/dernieres-dynamiques.css b/resources/css/blocks/dernieres-dynamiques.css index 0e39393..96a1f45 100644 --- a/resources/css/blocks/dernieres-dynamiques.css +++ b/resources/css/blocks/dernieres-dynamiques.css @@ -116,8 +116,7 @@ @apply mb-12; h4.title { - @apply uppercase nunito text-lg font-bold pb-2; - letter-spacing: 4px; + @apply uppercase nunito text-lg font-bold pb-2 tracking-bigbig; } } @@ -147,11 +146,10 @@ } } &__title { - @apply uppercase nunito text-lg font-bold pb-8 tracking-widest; - letter-spacing: 4px; + @apply uppercase nunito text-lg font-bold pb-8 tracking-bigbig; } &__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; } } diff --git a/resources/css/blocks/heading.css b/resources/css/blocks/heading.css index 0ee7d5b..765790b 100644 --- a/resources/css/blocks/heading.css +++ b/resources/css/blocks/heading.css @@ -11,8 +11,8 @@ p { @apply !mb-0 !pb-0 uppercase text-primary; line-height: 1.2 !important; - font-weight: 600; - letter-spacing: 0.15em; + font-weight: 700; + @apply tracking-widest; } h1, diff --git a/resources/css/blocks/revues-precedentes.css b/resources/css/blocks/revues-precedentes.css index 011b582..05de5e1 100644 --- a/resources/css/blocks/revues-precedentes.css +++ b/resources/css/blocks/revues-precedentes.css @@ -27,7 +27,7 @@ @apply flex flex-col justify-center items-center gap-4; .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 { @@ -56,7 +56,7 @@ @apply flex items-center gap-2; .value { - @apply bg-primary text-white p-4 font-medium uppercase; + @apply bg-primary text-white p-3 font-medium uppercase; } } &__image { @@ -122,7 +122,7 @@ &__post-details { @apply md:flex gap-8 pt-12; .label { - @apply uppercase font-bold tracking-widest !mb-0 text-primary; + @apply uppercase font-bold tracking-bigbig !mb-0 text-primary; } .card-revue__parution { @apply text-primary; diff --git a/resources/css/blocks/subscribe-infolettre.css b/resources/css/blocks/subscribe-infolettre.css index 13c5c51..ceba880 100644 --- a/resources/css/blocks/subscribe-infolettre.css +++ b/resources/css/blocks/subscribe-infolettre.css @@ -23,7 +23,7 @@ &__content { .block-title { - @apply text-base mb-6 uppercase font-bold tracking-wider; + @apply text-lg mb-6 uppercase font-bold tracking-bigbig; } h2 { @apply text-5xl mb-12 uppercase font-semibold; diff --git a/tailwind.config.js b/tailwind.config.js index cda3b1a..9ba4266 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -3,9 +3,7 @@ const tailpress = require('@jeffreyvr/tailwindcss-tailpress'); // Fonction pour obtenir la couleur de base depuis theme.json const getBaseColor = (slug) => { - const color = theme.settings.color.palette.find( - (c) => c.slug === slug - ); + const color = theme.settings.color.palette.find((c) => c.slug === slug); return color ? color.color : null; }; @@ -27,9 +25,7 @@ module.exports = { }, extend: { colors: { - ...tailpress.colorMapper( - tailpress.theme('settings.color.palette', theme) - ), + ...tailpress.colorMapper(tailpress.theme('settings.color.palette', theme)), 'carhop-green': { 50: getBaseColor('carhop-green-light'), 100: '#cef9ee', @@ -97,24 +93,18 @@ module.exports = { }, }, fontSize: tailpress.fontSizeMapper( - tailpress.theme( - 'settings.typography.fontSizes', - theme - ) + tailpress.theme('settings.typography.fontSizes', theme) ), + letterSpacing: { + bigbig: '3px', + }, }, screens: { xs: '480px', sm: '600px', md: '782px', - lg: tailpress.theme( - 'settings.layout.contentSize', - theme - ), - xl: tailpress.theme( - 'settings.layout.wideSize', - theme - ), + lg: tailpress.theme('settings.layout.contentSize', theme), + xl: tailpress.theme('settings.layout.wideSize', theme), '2xl': '1441px', '3xl': '1840px', },