@subroh0508/marp-theme-canvas 0.0.2 → 0.0.3

package/css/black-canvas.css

@@ -244,12 +244,12 @@ section.display:not(:has(img, iframe)) p {
   font-size: var(--font-size-display);
   font-weight: var(--font-weight-bold);
 }
-section.display img,
+section.display img:not(.emoji),
 section.display iframe {
   display: block;
   margin: 0 0;
 }
-section.display:has(p) img, section.display:has(p) iframe {
+section.display:has(p) img:not(.emoji), section.display:has(p) iframe {
   margin: 0 0 1em;
 }
 section.columns {

package/css/white-canvas.css

@@ -244,12 +244,12 @@ section.display:not(:has(img, iframe)) p {
   font-size: var(--font-size-display);
   font-weight: var(--font-weight-bold);
 }
-section.display img,
+section.display img:not(.emoji),
 section.display iframe {
   display: block;
   margin: 0 0;
 }
-section.display:has(p) img, section.display:has(p) iframe {
+section.display:has(p) img:not(.emoji), section.display:has(p) iframe {
   margin: 0 0 1em;
 }
 section.columns {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@subroh0508/marp-theme-canvas",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A simple Marp theme with minimal styling",
   "repository": {
     "type": "git",

package/scss/page/_display.scss

@@ -26,14 +26,16 @@
     }
 
     // img, iframe: メディア要素（上下左右中央揃え）
-    img,
+    // emojiクラスは除外
+    img:not(.emoji),
     iframe {
       display: block;
       margin: 0 0;
     }
 
     // pタグが存在する場合、メディア要素の下にマージンを追加
-    &:has(p) img,
+    // emojiクラスは除外
+    &:has(p) img:not(.emoji),
     &:has(p) iframe {
       margin: 0 0 1em;
     }