bachir/drupal-mathallo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

better chapitres hover, js clean

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2026-02-04 11:31:15 +01:00
parent 81bf66acff
commit 752868639c
4 changed files with 27 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web_main/themes/custom/mathallo/assets/dist/main.css vendored
View File

File diff suppressed because one or more lines are too long

12
web_main/themes/custom/mathallo/assets/dist/main.js vendored
View File

File diff suppressed because one or more lines are too long

27
web_main/themes/custom/mathallo/assets/js/main.js
View File

@@ -59,19 +59,22 @@ gsap.registerPlugin(ScrollTrigger, ScrollSmoother);
function initPartieFrontBackCardSwitch() { function initPartieFrontBackCardSwitch() {
let principes_pratique = document.getElementById('partie-principes-pratique'); let principes_pratique = document.getElementById('partie-principes-pratique');
let cards = principes_pratique.getElementsByClassName('field-card'); if (principes_pratique) {
console.log('cards', cards); let cards = principes_pratique.getElementsByClassName('field-card');
for (const card of cards) { // console.log('cards', cards);
card.addEventListener('mousemove', function (e) { for (const card of cards) {
console.log(this, e); card.addEventListener('mousemove', function (e) {
for (const child of this.parentElement.children){ // console.log(this, e);
child.classList.add('back-card') for (const child of this.parentElement.children){
child.classList.remove('front-card'); child.classList.add('back-card')
} child.classList.remove('front-card');
this.classList.add('front-card') }
this.classList.remove('back-card') this.classList.add('front-card')
}) this.classList.remove('back-card')
})
}
} }
} }
function initBgAnime(){ function initBgAnime(){

5
web_main/themes/custom/mathallo/assets/scss/partials/mixins.scss
View File

@@ -10,12 +10,17 @@
display: block; display: block;
font-size: 0.756em; font-size: 0.756em;
padding:0 0 0.25em 0; padding:0 0 0.25em 0;
transition: color 0.25s ease-out;
&:has(+ a:hover){ &:has(+ a:hover){
color: $rose; color: $rose;
} }
} }
a{ a{
font-size: 1.13em; font-size: 1.13em;
transition: color 0.15s ease-out;
&:hover{
color: $bleu_site;
}
} }
} }