Merge pull request #24 from appwrite/fix-markdoc-images-and-theme

Fix-markdoc-images-and-theme

Author: TorstenDittmann

CONTENT.md

@@ -184,3 +184,10 @@ Lorem ipsum dolor sit amet consectetur.
 ```
 {% icon icon="github" /%}
 ```
+
+#### Only Light/Dark Theme
+
+```
+{% only_dark %}I am only shown in Dark Theme{% /only_dark %}
+{% only_dark %}I am only shown in Light Theme{% /only_dark %}
+```

src/markdoc/nodes/Image.svelte

@@ -9,7 +9,7 @@
 </script>
 
 {#if inTable}
-	<img {src} {alt} {title} loading="lazy" />
+	<img {src} {alt} {title} loading="lazy" style:vertical-align="middle" />
 {:else}
 	<div class="aw-media">
 		<img {src} {alt} {title} loading="lazy" />

src/markdoc/tags/Only_Dark.svelte

@@ -0,0 +1 @@
+<span class="u-only-dark"><slot /></span>

src/markdoc/tags/Only_Light.svelte

@@ -0,0 +1 @@
+<span class="u-only-light"><slot /></span>

src/markdoc/tags/_Module.svelte

@@ -5,4 +5,6 @@
 	export { default as Tabs } from './Tabs.svelte';
 	export { default as TabsItem } from './TabsItem.svelte';
 	export { default as Icon } from './Icon.svelte';
+	export { default as Only_Light } from './Only_Light.svelte';
+	export { default as Only_Dark } from './Only_Dark.svelte';
 </script>

src/routes/docs/test/article/+page.markdoc

@@ -150,6 +150,7 @@ Lorem ipsum dolor sit amet consectetur. Id nisi quam nisl iaculis semper nibh eg
 
 ## Sub title
 
+{% multicode %}
 ```js
 const sdk = require('node-appwrite');