feat: add figure & figcaption support and centering (#19)

denoland · Sep 22, 2022 · 4bdbf20 · 4bdbf20
1 parent 35308c3
commit 4bdbf20
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 2 deletions.
diff --git a/example/content.md b/example/content.md
@@ -159,3 +159,8 @@ function Counter() {
 
 export const config: PageConfig = { runtimeJS: true };
 ```
+
+<figure>
+  <img src="https://deno.land/logo.svg" />
+  <figcaption><b>Figure 1.</b> The deno mascot dinosaur standing in the rain.</figcaption>
+</figure>
diff --git a/mod.ts b/mod.ts
@@ -57,6 +57,8 @@ export function render(markdown: string, opts: RenderOptions = {}): string {
     "video",
     "svg",
     "path",
+    "figure",
+    "figcaption",
   ]);
   if (opts.allowIframes) {
     allowedTags.push("iframe");

diff --git a/style.js b/style.js
diff --git a/style/main.scss b/style/main.scss
@@ -28,6 +28,11 @@
   .anchor>.octicon {
     display: inline;
   }
+
+  figcaption {
+    padding-top: 2px;
+    text-align: center;
+  }
 }
 
 .markdown-body .highlight .token, .gfm-highlight .token {
@@ -86,4 +91,4 @@
     color: var(--color-prettylights-syntax-markup-inserted-text);
     background-color: var(--color-prettylights-syntax-markup-inserted-bg);
   }
-}  
+}