Compare commits

...

7 Commits

Author SHA1 Message Date
Antoine M
79f98b1b2d FEATURE Introducing component
All checks were successful
continuous-integration/drone/push Build is passing
2025-08-22 17:28:44 +02:00
Antoine M
e23b038df1 FIX h2 not visible because green 2025-08-22 17:28:23 +02:00
Antoine M
1fe8b95113 FIX Fix hover and active underlining 2025-08-22 17:28:05 +02:00
Antoine M
5b894b745a FEATURE Handling download pdf version 2025-08-22 17:27:28 +02:00
Antoine M
b56baa5612 FIX Refining handling of h2 and title small conflicts 2025-08-22 17:27:14 +02:00
Antoine M
d6be232f5e FIX Refining body class typography handling 2025-08-22 17:26:40 +02:00
Antoine M
08d3269d69 FEATURE Handling download pdf version 2025-08-22 17:26:11 +02:00
8 changed files with 69 additions and 6 deletions

View File

@ -10,7 +10,7 @@
<?php wp_head(); ?>
</head>
<body>
<body <?php body_class("front-end"); ?>>
<?php
do_action('tailpress_site_before');
global $post;

View File

@ -1,6 +1,6 @@
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
body .editor-visual-editor,
body:not(.wp-admin) {
body.front-end {
font-family: 'Nunito Sans', sans-serif;
/* @apply text-primary text-xl; */
@apply text-carhop-gray text-xl;
@ -58,7 +58,21 @@ 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;
}
.title-small {
@apply text-xl mb-6 !font-bold !tracking-wider !uppercase nunito;
}
.title-small-important {
@apply !text-2xl !mb-6 !font-bold !tracking-wider !uppercase;
font-family: 'Nunito Sans', sans-serif !important;
}
/* Règles pour surcharger les styles par défaut des titres */
h2.title-small,
h2.title-small-important,
h2.chapter-section__title {
font-family: 'Nunito Sans', sans-serif !important;
}
.subtitle-big {
@apply text-6xl font-normal uppercase fjalla pb-6;
line-height: 1.3;

View File

@ -10,7 +10,7 @@
}
h2 {
@apply title-small;
@apply title-small-important;
}
h3 {
@apply subtitle-big;

View File

@ -0,0 +1,11 @@
.sitemap {
@apply bg-primary-light;
}
.sitemap__inner {
@apply container;
}
.sitemap__title {
@apply text-2xl font-bold;
}

View File

@ -52,4 +52,18 @@
}
}
}
&--download-pdf {
.icon {
@apply w-6 h-6 filter-primary;
}
&:hover {
.icon {
@apply filter-white;
}
}
&:before,
&:after {
content: none !important;
}
}
}

View File

@ -7,7 +7,7 @@
}
&__title {
@apply text-white;
@apply !text-white;
}
&__subtitle {
@apply text-white text-6xl;

View File

@ -2,7 +2,7 @@
@apply w-72 h-auto;
}
header{
header {
@apply relative z-50;
}
@ -65,6 +65,7 @@ header{
@apply cursor-pointer
underline
underline-offset-8
decoration-1
text-white;
}
a:focus {
@ -165,7 +166,10 @@ header{
@apply flex justify-between gap-4;
}
a {
@apply font-medium text-xl;
@apply font-normal text-xl;
}
li.menu-item > a:hover {
@apply underline underline-offset-8 decoration-1;
}
.network-redirector {
a {
@ -320,6 +324,9 @@ button#burger-menu-toggle {
@apply flex flex-row items-center gap-4;
button {
@apply flex flex-col items-center gap-4 text-lg;
&:hover {
@apply underline underline-offset-8 decoration-1;
}
img {
@apply filter-white w-6 h-6;

View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="fleche-telecharger" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.73 21.27">
<defs>
<style>
.cls-1 {
fill: none;
stroke: #000;
stroke-width: 2px;
}
</style>
</defs>
<g>
<path class="cls-1" d="M9.05,14.97V0"/>
<path class="cls-1" d="M.71,6.63l8.35,8.35,7.97-7.97"/>
</g>
<line class="cls-1" y1="20.27" x2="17.73" y2="20.27"/>
</svg>

After

Width:  |  Height:  |  Size: 446 B