image styling

flq · flq · commit 06e236e03a5e · 2025-04-03T00:11:27.000+02:00
diff --git a/src/styles/base.css b/src/styles/base.css
@@ -50,8 +50,9 @@ figcaption {
 }
 
 img:not([id^="mermaid"]), video, .giphy-embed {
+  margin-top: 2em;
   display: block;
-  margin: 20px auto;
+  margin: 2em auto 20px auto;
   max-width: 100%;
   box-shadow: var(--standardShadow);
 }
@@ -69,6 +70,7 @@ picture:has(img[id^="mermaid"]) {
 }
 
 img[id^="mermaid"] {
+
   max-width: 100%;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -50,8 +50,9 @@ figcaption {`
`50`	`50`	`}`
`51`	`51`
`52`	`52`	`img:not([id^="mermaid"]), video, .giphy-embed {`
	`53`	`+ margin-top: 2em;`
`53`	`54`	`display: block;`
`54`		`- margin: 20px auto;`
	`55`	`+ margin: 2em auto 20px auto;`
`55`	`56`	`max-width: 100%;`
`56`	`57`	`box-shadow: var(--standardShadow);`
`57`	`58`	`}`
`@@ -69,6 +70,7 @@ picture:has(img[id^="mermaid"]) {`
`69`	`70`	`}`
`70`	`71`
`71`	`72`	`img[id^="mermaid"] {`
	`73`	`+`
`72`	`74`	`max-width: 100%;`
`73`	`75`	`}`
`74`	`76`