[feat] Add furigana styling

2 files changed, 4 insertions, 5 deletions

diff --git a/posts/style.md b/posts/style.md
index 8b3ef18..7686854 100644
--- a/posts/style.md
+++ b/posts/style.md
@@ -22,7 +22,7 @@ Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
 when an unknown printer <kbd>Ctrl</kbd>+<kbd>C</kbd> took a galley of type and
 scrambled it to make a type specimen book. It has survived not only five
 centuries, but also the leap into electronic typesetting, remaining essentially
-unchanged. <span lang="jpn">こりゃテストの文書です</span> It was popularised in
+unchanged. <span lang="jpn">こりゃテストの<ruby>文書<rp>(</rp><rt>ぶんしょ</rt><rp>)</rp></ruby>です</span> It was popularised in
 the 1960s with the release of Letraset sheets containing Lorem Ipsum passages,
 and more recently with desktop publishing software like Aldus PageMaker
 including versions of Lorem Ipsum. <span lang="jbo">.ii .o'i mu xagji sofybakni
diff --git a/static/style.css b/static/style.css
index 1b81c96..0fbbc9e 100644
--- a/static/style.css
+++ b/static/style.css
@@ -156,15 +156,14 @@ p.post-date * {
   color: #999;
 }
 
-[lang=jpn], [lang=jpn] * {
-  font-size: 17px;
-}
-
 [lang=jbo], [lang=jbo] * {
   font-family: "crisa", "Lato", sans-serif;
   font-size: 19px;
 }
 
+[lang=jpn], [lang=jpn] * { font-size: 17px }
+rt { font-size: 8px !important }
+
 .header-anchor {
   float: left;
   display: inline-block;