fix #15

assets/css/components/_slider-before-after.scss

@@ -1,6 +1,4 @@
-
 .slider-before-after {
-
   width: 100%;
 
   max-width: 700px;
@@ -16,7 +14,6 @@
     max-width: 100%;
   }
 
-
   .image-container {
     position: relative;
     width: 100%;
@@ -25,8 +22,6 @@
     // aspect-ratio: 1/1;
   }
 
-
-      
   .slider-image {
     width: 100%;
     height: 100%;
@@ -58,7 +53,7 @@
   .slider-line {
     position: absolute;
     inset: 0;
-        width: .2rem;
+    width: 0.2rem;
     height: 100%;
     background-color: #fff;
     /* z-index: 10; */
@@ -71,7 +66,7 @@
     position: absolute;
     background-color: #fff;
     color: black;
-        padding: .5rem;
+    padding: 0.5rem;
     border-radius: 100vw;
     display: grid;
     place-items: center;
@@ -80,7 +75,6 @@
     transform: translate(-50%, -50%);
     pointer-events: none;
     /* z-index: 100; */
-        box-shadow: 1px 1px 1px hsl(0, 50%, 2%, .5);
+    box-shadow: 1px 1px 1px hsl(0, 50%, 2%, 0.5);
   }
-
 }

assets/css/components/_text.scss

@@ -53,7 +53,7 @@
 
   video,
   figure,
-  img,
+  img:not(.slider-before-after img),
   picture {
     width: 100%;
     height: auto;

assets/css/style.css

@@ -1551,15 +1551,15 @@ figcaption, .caption {
 }
 [data-template=package] .page__content video,
 [data-template=package] .page__content figure,
-[data-template=package] .page__content img,
+[data-template=package] .page__content img:not(.slider-before-after img),
 [data-template=package] .page__content picture,
 .main__single .page__content video,
 .main__single .page__content figure,
-.main__single .page__content img,
+.main__single .page__content img:not(.slider-before-after img),
 .main__single .page__content picture,
 #investigation__content video,
 #investigation__content figure,
-#investigation__content img,
+#investigation__content img:not(.slider-before-after img),
 #investigation__content picture {
   width: 100%;
   height: auto;
@@ -3533,8 +3533,7 @@ main .page__header ul.list-nav li:hover {
   }
   #investigation__content .subsection-w-media .media {
     margin-inline: auto;
-    max-width: var(--max-w-content);
+    width: 100%;
-    min-width: 0;
     position: sticky;
     top: calc(var(--header-h) + var(--spacing));
     align-self: start;
@@ -3576,7 +3575,8 @@ main .page__header ul.list-nav li:hover {
     margin-bottom: calc(var(--spacing) * 1);
     font-size: 1em;
   }
-  #investigation__content h4, #investigation__content h5 {
+  #investigation__content h4,
+  #investigation__content h5 {
     margin-top: calc(var(--spacing) * 3);
     margin-bottom: calc(var(--spacing) * 1);
   }
@@ -3606,7 +3606,8 @@ main .page__header ul.list-nav li:hover {
   max-width: 700px;
   padding: 0 calc(var(--spacing) * 1);
 }
-#investigation__content .subsection-w-hscroll .horizontal-scroll-slide figure, #investigation__content .subsection-w-hscroll .horizontal-scroll-slide img {
+#investigation__content .subsection-w-hscroll .horizontal-scroll-slide figure,
+#investigation__content .subsection-w-hscroll .horizontal-scroll-slide img {
   width: 100%;
 }
 #investigation__content .subsection-w-hscroll .horizontal-scroll-pagination {

assets/css/template/_investigation_content.scss

@@ -1,42 +1,26 @@
-
 #investigation__content {
-
   padding-top: calc(var(--spacing) * 4);
 
-  
-
   .section-title-only {
     margin-bottom: 0;
   }
 
-
-    
-
   .section-txt {
     max-width: var(--max-w-content);
     margin-inline: auto;
-
-           
   }
 
-
-
-
   .subsection-txt .insert {
     margin-top: calc(var(--spacing) * 2);
     margin-bottom: calc(var(--spacing) * 2);
     padding: calc(var(--padding-inner) * 2) calc(var(--padding-inner) * 1.5);
   }
 
-
   .subsection-txt {
     max-width: var(--max-w-content);
   }
 
-
-
   @media #{$small-up} {
-
     .section-content {
       margin-bottom: calc(var(--spacing) * 4);
     }
@@ -47,11 +31,9 @@
       gap: var(--padding-body);
       position: relative;
 
-
       .media {
         margin-inline: auto;
-                max-width: var(--max-w-content);
+        width: 100%;
-                min-width: 0;
 
         position: sticky;
         top: calc(var(--header-h) + var(--spacing));
@@ -62,7 +44,6 @@
           padding-right: var(--padding-inner);
         }
       }
-
     }
 
     .subsection-txt {
@@ -71,12 +52,9 @@
       padding-right: var(--padding-inner);
       padding-bottom: calc(var(--spacing) * 6);
     }
-
   }
 
-
   @media #{$small} {
-
     .section-content:not(.section-title-only) {
       padding-bottom: calc(var(--spacing) * 1);
       margin-bottom: calc(var(--spacing) * 2);
@@ -102,7 +80,8 @@
       font-size: 1em;
     }
 
-        h4, h5{
+    h4,
+    h5 {
       margin-top: calc(var(--spacing) * 3);
       margin-bottom: calc(var(--spacing) * 1);
     }
@@ -112,9 +91,6 @@
     }
   }
 
-
-
-  
   .subsection-w-hscroll {
     position: relative;
     margin-bottom: calc(var(--spacing) * 4);
@@ -139,7 +115,8 @@
       max-width: 700px;
       padding: 0 calc(var(--spacing) * 1);
 
-            figure, img{
+      figure,
+      img {
         width: 100%;
       }
     }
@@ -153,14 +130,8 @@
       gap: 8px;
       z-index: 10;
     }
-
   }
 
-
-
-  
-
-
   .insert--inner > :last-child {
     margin-bottom: 0px;
   }
@@ -175,9 +146,7 @@
   padding-top: calc(var(--header-h) * 2 + var(--spacing)) !important;
 }
 
-
 .media {
-
   video {
     width: 100%;
   }
@@ -185,6 +154,4 @@
   figure {
     height: auto;
   }
-
-
 }

site/snippets/modal-share.php

@@ -1,6 +1,4 @@
 <div class="modal--share">
-
-
     <p class="title"><?= $page->title()->esc() ?>
     <?php if ($page->subtitle()->isNotEmpty()): ?>                                                                                                                                                                                                                                                                 
     <?= $page->subtitle()->esc() ?>