imghover > imgswap, reduce complexity, fix CSP

1 files changed, 17 insertions, 0 deletions

diff --git a/sass/abridge.scss b/sass/abridge.scss
index e457c5c..5573482 100644
--- a/sass/abridge.scss
+++ b/sass/abridge.scss
@@ -200,6 +200,7 @@ $top: true !default;//back to top button using CSS
 $search: true !default;//search feature
 $toc: true !default;//Table of Contents, page index / recent posts block
 $zola: true !default;//Zola Specific
+$imgswap: true !default;//Image Swap on hover/click
 $misc: false !default;
 $grid: false !default;//Infinity Grid, column based layouts.
 $syntax: true !default;//syntax highlighting for code blocks
@@ -1224,6 +1225,22 @@ $syntax: true !default;//syntax highlighting for code blocks
     }
   }
 }
+@if $imgswap {
+  .img-swap-div {
+    .img-main {
+      display: block;
+    }
+    .img-swap {
+      display: none;
+    }
+    &:hover .img-swap {
+      display: block;
+    }
+    &:hover .img-main {
+      display: none;
+    }
+  }
+}
 @if $misc {
   // https://github.com/picocss/pico
   // Add the correct display in IE 10+