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

Compare commits

base: Antoine:4251de3660a838803a14e810ccfd1eb8c78a9045
Branches Tags
Antoine:main
..
compare: Antoine:256087528f5e0e37997be08a968b4c1fc68433d9
Branches Tags
Antoine:main

No commits in common. "4251de3660a838803a14e810ccfd1eb8c78a9045" and "256087528f5e0e37997be08a968b4c1fc68433d9" have entirely different histories.
4251de3660 ... 256087528f

8 changed files with 40 additions and 87 deletions
Show Stats Expand all files Collapse all files

2
resources/css/app.css
View File

@ -58,8 +58,6 @@
@import './blocks/gallery.css';
@import './blocks/content-card.css';
@import './blocks/card-grid.css';
@import './blocks/sitemap.css';
/* ########### LIBS ############ */
@import './libs/swiper.css';

1
resources/css/base/links.css
View File

@ -34,7 +34,6 @@ a[target='_blank'] {
@apply flex items-center;
transition: transform 0.3s ease-out;
&:after {
flex-shrink: 0;
transition: transform 0.3s ease-out;
@apply content-[''] w-10 h-10 ml-2 inline-block;
background-image: url('../resources/img/carhop-fleche-lien-externe-full--outline-green.svg');

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

@ -31,7 +31,7 @@
}
&__content {
@apply max-w-3xl relative;
@apply max-w-3xl;
p {
@apply text-neutral-600 max-w-xl mb-2;
}
@ -54,7 +54,7 @@
}
&__cover {
@apply object-contain relative;
@apply object-contain;
min-width: 0;
flex-shrink: 1;
max-width: 100%; /* Empêche de dépasser son conteneur */

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

@ -139,9 +139,8 @@
z-index: 0;
/* opacity: 0.5; */
top: 100px;
height: calc(100% - 150px);
@screen lg {
height: calc(100% - 150px);
transform: translateY(100px) translateX(-50%) perspective(800px) skewX(1deg)
rotateZ(-2deg) rotateY(-4deg) scaleX(1.98);
}

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

@ -11,7 +11,7 @@
@apply mb-16;
}
.swiper-actions-wrapper {
@apply flex flex-col md:flex-row md:justify-between md:items-center gap-4 gap-y-8;
@apply md:flex justify-between items-center gap-4;
#discover-all-revues {
@apply internal-link-with-icon;

29
resources/css/blocks/sitemap.css
View File

@ -1,32 +1,5 @@
.sitemap {
h1.sitemap__title,
h2,
h3 {
color: var(---content-box-text-color) !important;
}
h1.sitemap__title {
@apply text-center uppercase tracking-widest mb-32;
}
h2.website-title {
@apply mb-4 !font-semibold !tracking-widest;
}
h3.menu-title {
@apply font-normal uppercase tracking-widest text-4xl;
}
ul {
@apply mt-12 grid md:grid-cols-2 lg:grid-cols-3 gap-12;
li {
@apply list-none text-center;
a {
@apply flex flex-col items-center justify-center underline underline-offset-4;
}
}
}
.website-menu-list {
@apply mb-32;
}
@apply bg-primary-light;
}
.sitemap__inner {

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

@ -58,13 +58,7 @@ footer {
}
}
.socials {
a {
@apply block;
}
}
ul.credits {
.credits {
@apply w-full grid gap-y-12 gap-x-8 lg:gap-x-12 grid-cols-1 md:grid-cols-2; /* Mobile-first: 1 column */
@screen lg {
@ -73,19 +67,14 @@ footer {
grid-template-rows: repeat(2, auto);
grid-template-columns: repeat(4, 1fr);
/* > :first-child {
> :first-child {
grid-row: span 2;
} */
}
h3 {
@apply nunito;
}
}
}
ul.mentions {
@apply w-full grid gap-y-6 gap-x-8 lg:gap-x-12 grid-cols-1 md:grid-cols-2 pt-12;
@screen lg {
grid-template-columns: repeat(4, 1fr);
.socials {
a {
@apply block;
}
}
@ -103,17 +92,19 @@ footer {
filter: brightness(1.3);
}
}
li {
@apply text-primary;
}
li.deligraph_credit {
@apply flex gap-x-1 items-center;
img {
transition: all 0.5s;
@apply w-5 h-5 filter-primary;
animation: fade-in-out 3.5s linear infinite;
/* scale: 1.2; */
ul {
@apply w-full flex flex-col lg:flex-row flex-wrap gap-x-4 justify-between pt-12;
li {
@apply text-primary;
}
li.deligraph_credit {
@apply flex gap-x-1 items-center;
img {
transition: all 0.5s;
@apply w-5 h-5 filter-primary;
animation: fade-in-out 3.5s linear infinite;
/* scale: 1.2; */
}
}
}
}

39
template-parts/footer.php
View File

@ -29,15 +29,6 @@
<a href="tel:+3267485861">+32 67 48 58 61</a>
</p>
</li>
<li class="activity-report">
<h3 class="section-title">Rapport d’activité</h3>
<p>
<a href="mailto:info@carhop.be">info@carhop.be</a>
</p>
<p>
<a href="tel:+3267485861">+32 67 48 58 61</a>
</p>
</li>
<li class="siege-social">
<h3 class="section-title">siège social et d'activités </h3>
@ -76,18 +67,20 @@
</li>
</ul>
<ul class="mentions">
<li>
<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Plan du site', "carhop") ?></a>
</li>
<li>
<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Politique de confidentialité', "carhop") ?></a>
</li>
<li>
<p>Accessibilité : conforme</a>
</li>
<li class="deligraph_credit">
Concocté avec <img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-soutenir.svg" alt="amour" /> par <a href="https://deligraph.com/" target="_blank" class="no-external-icon">Deligraph</a>
</li>
<div class="mentions">
<ul>
<li>
<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Plan du site', "carhop") ?></a>
</li>
<li>
<a href="<?php echo get_the_permalink(606); ?>" target="_self"><?php echo __('Politique de confidentialité', "carhop") ?></a>
</li>
<li>
<p>Acessibilité : conforme</a>
</li>
<li class="deligraph_credit">
Concocté avec <img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-soutenir.svg" alt="amour" /> par <a href="https://www.deligraph.be" target="_blank" class="no-external-icon">Deligraph</a>
</li>
</ul>
</ul>
</div>