center images in toki pages

lipu-tenpo · Jan 30, 2024 · 0fffdaf · 0fffdaf
1 parent 87c88ec
commit 0fffdaf
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -128,7 +128,7 @@ module.exports = function (eleventyConfig) {
   eleventyConfig.addHandlebarsHelper(
     "sitelen",
     (file, alt) =>
-      `<a href="/images/${file}"><img src="/images/${file}" alt="${alt}"></a>`
+      `<a class="image" href="/images/${file}"><img src="/images/${file}" alt="${alt}"></a>`
   );
 
   // image shortcode - reduce filesize etc

diff --git a/public/stylesheet-toki-wan.css b/public/stylesheet-toki-wan.css
@@ -40,8 +40,10 @@ h1 {
   text-align: justify;
 }
 
-.nimi img {
+p:has(.image) {
+  align-self: center;
+}
+.nimi .image img {
   max-width: 100%;
   max-height: 20rem;
-  margin: 0 auto;
 }