From 7e9b03790d47522b77c119a5f4e1dd1b9acf5dac Mon Sep 17 00:00:00 2001 From: Stefano Pigozzi Date: Sat, 31 Jul 2021 17:50:33 +0200 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20support=20for=20ruby=20text?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 78 +++++++- src/rules/paper.less | 3 + src/rules/royalblue.less | 7 +- src/rules/skeleton.less | 181 +++++++++++------ src/targets/paper.module.css | 9 + src/targets/paper.module.css.map | 2 +- src/targets/paper.root.css | 9 + src/targets/paper.root.css.map | 2 +- src/targets/royalblue.module.css | 15 +- src/targets/royalblue.module.css.map | 2 +- src/targets/royalblue.root.css | 15 +- src/targets/royalblue.root.css.map | 2 +- src/targets/skeleton.module.css | 129 +++++-------- src/targets/skeleton.module.css.map | 2 +- src/targets/skeleton.root.css | 278 +++++++++++---------------- src/targets/skeleton.root.css.map | 2 +- src/vars/module.less | 20 +- src/vars/root.less | 54 ++++-- 18 files changed, 451 insertions(+), 359 deletions(-) diff --git a/index.html b/index.html index 98895f9..5aa7c14 100644 --- a/index.html +++ b/index.html @@ -518,20 +518,80 @@ Headings

- Bluelib (and HTML) supports up to 6 levels of headings: + Bluelib styles up to 6 levels of headings:

-
-

Level-1

-

Level-2

-

Level-3

-

Level-4

-
Level-5
-
Level-6
-
+

Level-1

+

Level-2

+

Level-3

+

Level-4

+
Level-5
+
Level-6

Generally, panels look nicer if they start with a level-3 heading, but you may use whichever you want, as Bluelib will automatically handle the margin.

+
+

+ Anchors +

+

+ Bluelib styles anchors, clickable links to different places: +

+
+ This is an example. +
+

+ Visited anchors will have a different color. +

+
+ Take me to Wikipedia! +
+

+ Anchors with no destination have a different style, so that the page author can notice and fix them. +

+
+ This link leads nowhere. +
+

+ Anchors which start a download or open an external program will have a different style: +

+
+ Download + GIMP 2.10.24 + +
+
+ +

+ Annotations +

+
+
+

+ Ruby text +

+

+ Ruby text is made slightly transparent, to make the main text more evident. +

+

+ + Mo /ˈmɒ/ + de // + na // + +

+

+ + 漢 (kan) + 字 (ji) + +

+

+ + 明日 (ashita) + +

+