style(site): logo gym buttons without face or glow, gallery off scroll hover, Mensalidades brand glow
This commit is contained in:
1 parent
bab6eb87bf
commit
14dbabcad5
2 files changed
+65
-21
No files matched your search
@@ -759,16 +759,17 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||
});
|
||||
|
||||
/* ── Scroll "hover": what sits in the middle of the screen looks hovered ───────
|
||||
Photos, cards and icons get .is-centered while their box crosses the middle
|
||||
of the viewport (±12% of its height); inside a sliding strip (gallery,
|
||||
Modalidades) they must also cross the horizontal middle. Throttled, paused
|
||||
Trainer photos, cards and icons get .is-centered while their box crosses the
|
||||
middle of the viewport (±12% of its height); inside a sliding strip
|
||||
(Modalidades) they must also cross the horizontal middle. Gallery photos are
|
||||
left out: they only light up on a real hover. Throttled, paused
|
||||
while the tab is hidden, skipped with "reduce motion". The CSS mirrors the
|
||||
:hover rules (style.css, "In the middle of the screen"). */
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
if (window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches) return;
|
||||
var items = Array.prototype.slice.call(document.querySelectorAll(
|
||||
'.gal-tile, .trainer-item .trainer-pic, .icon-box-item, .price-card')).map(function (el) {
|
||||
return { el: el, strip: !!el.closest('.gal-marquee, .mod-scroll'), on: false };
|
||||
'.trainer-item .trainer-pic, .icon-box-item, .price-card')).map(function (el) {
|
||||
return { el: el, strip: !!el.closest('.mod-scroll'), on: false };
|
||||
});
|
||||
if (!items.length) return;
|
||||
var last = 0;
|
||||
|
||||
Reference in new issue
Block a user