$mol_html_view: sub and sup

hyoo-ru · Jun 29, 2024 · a6ec4bf · a6ec4bf
1 parent ad2d0f6
commit a6ec4bf
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/html/view/view.view.tree b/html/view/view.view.tree
@@ -21,6 +21,10 @@ $mol_html_view $mol_list
 		sub <= content* /
 	Inserted* $mol_paragraph
 		sub <= content* /
+	Subscript* $mol_view
+		sub <= content*
+	Superscript* $mol_view
+		sub <= content*
 	Code* $mol_paragraph
 		sub <= content* /
 	Link* $mol_link_iconed

diff --git a/html/view/view.view.tree.css.ts b/html/view/view.view.tree.css.ts
@@ -108,6 +108,22 @@ namespace $ {
 			color: $mol_theme.special,
 		},
 
+		Subscript: {
+			font: {
+				size: '.75em',
+			},
+			position: 'relative',
+			bottom: '-0.5em',
+		},
+
+		Superscript: {
+			font: {
+				size: '.75em',
+			},
+			position: 'relative',
+			top: '-0.25em',
+		},
+
 		Link: {
 			margin: rem(-.5),
 		},

diff --git a/html/view/view.view.ts b/html/view/view.view.ts
@@ -77,6 +77,12 @@ namespace $.$$ {
 				case 'U':
 					return [ this.Inserted( node ) ]
 
+				case 'SUB':
+					return [ this.Subscript( node ) ]
+
+				case 'SUP':
+					return [ this.Superscript( node ) ]
+
 				case 'A':
 					return [ this.Link( node ) ]