image captions and Mermaid responsive styles, rewrite blog content for

clarity
2026-05-18 17:08:21 +08:00
parent 24c2545b13
commit 01d7d2ed2a
5 changed files with 237 additions and 2028 deletions
@@ -85,7 +85,8 @@ html.dark .theme-toggle-light {
    width: 0.6em;
    height: 1.1em;
    background: #999;
-    vertical-align: text-bottom; transform: translateY(-2px);
+    vertical-align: text-bottom;
+    transform: translateY(-2px);
    margin-left: 1px;
    animation: vim-blink 0.8s step-end infinite;
 }
@@ -106,10 +107,10 @@ html.dark .theme-toggle-light {

 /* Image caption */
 figcaption.post-caption {
-    font-size: .85em;
+    font-size: 0.85em;
    color: #888;
    text-align: center;
-    margin-top: -.25em;
+    margin-top: -0.25em;
    margin-bottom: 1em;
 }
 .dark figcaption.post-caption {
@@ -135,3 +136,10 @@ figcaption.post-caption {
    max-width: none !important;
    height: auto;
 }
+
+/*
+.content .mermaid svg {
+    max-width: 100%;
+    height: auto;
+}
+*/