astro-accelerator 5.10.6 → 5.10.7

package/package.json

@@ -1,5 +1,5 @@
 {
-    "version": "5.10.6",
+    "version": "5.10.7",
     "author": "Steve Fenton",
     "name": "astro-accelerator",
     "description": "A super-lightweight, accessible, SEO-friendly starter project for Astro",

package/public/css/main.css

@@ -798,8 +798,8 @@ details.sub-nav details {
     border: 3px solid var(--fore-link);
 
     @media (max-width: 680px) {
-        filter: grayscale(calc(1 - var(--imgshown)));
-        scale: calc(1 + (0.2 * var(--imgshown)));
+        filter: grayscale(calc(1 - var(--img-shown)));
+        scale: calc(1 + (0.2 * var(--img-shown)));
         transform: rotate(3deg);
     }
 }
@@ -904,7 +904,6 @@ details.sub-nav details {
 
     @media (max-width: 860px) {
         display: block;
-        margin: 0 auto;
     }
 }
 

package/public/js/modules/animation.js

@@ -38,7 +38,7 @@ function addIntersectionObserver(listItemQuery) {
 
     const observer = new IntersectionObserver(handleIntersection, options);
 
-    qsa(listItemQuery).forEach((elem) => observer.observe(elem));
+    qsa(listItemQuery).forEach(elem => observer.observe(elem));
 }
 
 /**
@@ -58,7 +58,7 @@ function addListImageIntersectionObserver(imgItemQuery) {
     function handleIntersection(entries, observer) {
         for (let entry of entries) {
             const value = entry.isIntersecting ? 1 : 0;
-            entry.target.style.setProperty('--imgshown', value);
+            entry.target.style.setProperty('--img-shown', value);
         }
     }
 
@@ -70,7 +70,7 @@ function addListImageIntersectionObserver(imgItemQuery) {
 
     const observer = new IntersectionObserver(handleIntersection, options);
 
-    qsa(imgItemQuery).forEach((elem) => observer.observe(elem));
+    qsa(imgItemQuery).forEach(elem => observer.observe(elem));
 }
 
 export { addIntersectionObserver, addListImageIntersectionObserver };