« get me outta code hell

css: add <p>-like margin around content own-line images - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2023-07-31 19:05:53 -0300
committer(quasar) nebula <qznebula@protonmail.com>2023-07-31 19:05:53 -0300
commitc9153d51d299176ccbf9b50ebf5633786b7c664b (patch)
treec99a687274d9c17e95f063b572bd57c9288c51a4
parent8706268f46cef5fb46d10cf7f933a6635feab371 (diff)
css: add <p>-like margin around content own-line images
-rw-r--r--src/content/dependencies/transformContent.js1
-rw-r--r--src/static/site4.css6
2 files changed, 7 insertions, 0 deletions
diff --git a/src/content/dependencies/transformContent.js b/src/content/dependencies/transformContent.js
index ffc51922..eed00882 100644
--- a/src/content/dependencies/transformContent.js
+++ b/src/content/dependencies/transformContent.js
@@ -353,6 +353,7 @@ export default {
               data:
                 image.slots({
                   src,
+                  class: 'content-image',
                   link: link ?? true,
                   width: width ?? null,
                   height: height ?? null,
diff --git a/src/static/site4.css b/src/static/site4.css
index b92d088c..c9843bce 100644
--- a/src/static/site4.css
+++ b/src/static/site4.css
@@ -539,6 +539,12 @@ p .current {
   display: none;
 }
 
+a.box.content-image {
+  display: block;
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
 a.box:focus {
   outline: 3px double var(--primary-color);
 }