add a new tag to render phonetic symbols

2024-03-31 10:57:35 +09:00
parent c0dc514e05
commit bd08d57d22
2 changed files with 20 additions and 2 deletions
--- a/1000-hours/.vitepress/theme/style.scss
+++ b/1000-hours/.vitepress/theme/style.scss
@@ -196,7 +196,25 @@ body {
    top: -0.5em;
  }

+  // @TODO 回头撤销对 code 的字体设置，因为 CharisSIL 不是等宽
  code {
    font-family: "CharisSIL", "DejaVu Sans Mono", "Courier New", monospace;
  }
+
+  span.pho {
+    border-radius: 4px;
+    padding: 3px 6px;
+    background-color: var(--vp-code-bg);
+    transition: color 0.25s, background-color 0.5s;
+    font-family: "CharisSIL", "DejaVu Sans Mono", "Courier New", monospace;
+    font-size: var(--vp-code-font-size);
+    color: var(--vp-code-color);
+    &.alt {
+      &::before, &::after {
+        content: "/";
+        display: inline-block;
+        width: 0.5em;
+      }
+    }
+  }
 }