temml 0.10.23 → 0.10.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/README.md +1 -1
  2. package/contrib/auto-render/dist/auto-render.js +4 -7
  3. package/contrib/auto-render/dist/auto-render.min.js +1 -1
  4. package/contrib/auto-render/test/auto-render.js +4 -7
  5. package/contrib/mhchem/mhchem.js +19 -5
  6. package/contrib/mhchem/mhchem.min.js +1 -1
  7. package/dist/Temml-Asana.css +119 -34
  8. package/dist/Temml-Fira.css +119 -34
  9. package/dist/Temml-Latin-Modern.css +119 -34
  10. package/dist/Temml-Libertinus.css +119 -34
  11. package/dist/Temml-Local.css +119 -34
  12. package/dist/Temml-STIX2.css +119 -34
  13. package/dist/temml.cjs +7180 -6904
  14. package/dist/temml.js +4775 -4513
  15. package/dist/temml.min.js +1 -1
  16. package/dist/temml.mjs +7180 -6904
  17. package/dist/temmlPostProcess.js +1 -3
  18. package/package.json +8 -5
  19. package/src/Parser.js +7 -4
  20. package/src/Settings.js +5 -1
  21. package/src/buildMathML.js +55 -32
  22. package/src/environments/array.js +54 -13
  23. package/src/environments/cd.js +1 -1
  24. package/src/functions/accent.js +32 -7
  25. package/src/functions/def.js +4 -2
  26. package/src/functions/enclose.js +60 -31
  27. package/src/functions/op.js +15 -1
  28. package/src/functions/supsub.js +2 -2
  29. package/src/functions/text.js +7 -3
  30. package/src/macros.js +5 -1
  31. package/src/postProcess.js +1 -1
  32. package/src/symbols.js +73 -4
  33. package/src/utils.js +21 -3
package/dist/Temml-Fira.css CHANGED
@@ -31,6 +31,8 @@ math {
31
31
  letter-spacing: normal;
32
32
  word-wrap: normal;
33
33
  direction: ltr;
34
+ /* Prevent Firefox from omitting the dot on i or j. */
35
+ font-feature-settings: "dtls" off;
34
36
  }
35
37
 
36
38
  math * {
@@ -54,39 +56,6 @@ mo.tml-prime {
54
56
  font-family: Temml;
55
57
  }
56
58
 
57
- mrow.tml-cancel {
58
- background: linear-gradient(to top left,
59
- rgba(0,0,0,0) 0%,
60
- rgba(0,0,0,0) calc(50% - 0.06em),
61
- rgba(0,0,0,1) 50%,
62
- rgba(0,0,0,0) calc(50% + 0.06em),
63
- rgba(0,0,0,0) 100%);
64
- }
65
-
66
- mrow.tml-bcancel {
67
- background: linear-gradient(to top right,
68
- rgba(0,0,0,0) 0%,
69
- rgba(0,0,0,0) calc(50% - 0.06em),
70
- rgba(0,0,0,1) 50%,
71
- rgba(0,0,0,0) calc(50% + 0.06em),
72
- rgba(0,0,0,0) 100%);
73
- }
74
-
75
- mrow.tml-xcancel {
76
- background: linear-gradient(to top left,
77
- rgba(0,0,0,0) 0%,
78
- rgba(0,0,0,0) calc(50% - 0.06em),
79
- rgba(0,0,0,1) 50%,
80
- rgba(0,0,0,0) calc(50% + 0.06em),
81
- rgba(0,0,0,0) 100%),
82
- linear-gradient(to top right,
83
- rgba(0,0,0,0) 0%,
84
- rgba(0,0,0,0) calc(50% - 0.06em),
85
- rgba(0,0,0,1) 50%,
86
- rgba(0,0,0,0) calc(50% + 0.06em),
87
- rgba(0,0,0,0) 100%)
88
- }
89
-
90
59
  /* Prevent f' from overlapping in Chromium */
91
60
  mo.prime-pad {
92
61
  padding-left: 0.08em;
@@ -100,8 +69,123 @@ mo.prime-pad {
100
69
  text-align: left;
101
70
  }
102
71
 
103
- /* Stretch \widetilde & set array cell justification in Chromium */
72
+ /* Styles for Chromium only */
104
73
  @supports (not (-webkit-backdrop-filter: blur(1px))) and (not (-moz-appearance: none)) {
74
+ /* MathML Core & Chromium do not support the MathML 3.0 element <menclose> attributes. */
75
+ /* So use styles. */
76
+ menclose {
77
+ position: relative;
78
+ padding: 0.5ex 0ex;
79
+ }
80
+
81
+ .tml-overline {
82
+ padding: 0.1em 0 0 0;
83
+ border-top: 0.065em solid;
84
+ }
85
+
86
+ .tml-underline {
87
+ padding: 0 0 0.1em 0;
88
+ border-bottom: 0.065em solid;
89
+ }
90
+
91
+ .tml-cancel {
92
+ display: inline-block;
93
+ position: absolute;
94
+ left: 0.5px;
95
+ bottom: 0;
96
+ width: 100%;
97
+ height: 100%;
98
+ background-color: currentColor;
99
+ }
100
+ .upstrike {
101
+ clip-path: polygon(0.05em 100%, 0em calc(100% - 0.05em), calc(100% - 0.05em) 0em, 100% 0.05em);
102
+ }
103
+ .downstrike {
104
+ clip-path: polygon(0em 0.05em, 0.05em 0em, 100% calc(100% - 0.05em), calc(100% - 0.05em) 100%);
105
+ }
106
+ .sout {
107
+ clip-path: polygon(0em calc(55% + 0.0333em), 0em calc(55% - 0.0333em), 100% calc(55% - 0.0333em), 100% calc(55% + 0.0333em));
108
+ }
109
+ .tml-xcancel {
110
+ background: linear-gradient(to top left,
111
+ rgba(0,0,0,0) 0%,
112
+ rgba(0,0,0,0) calc(50% - 0.06em),
113
+ rgba(0,0,0,1) 50%,
114
+ rgba(0,0,0,0) calc(50% + 0.06em),
115
+ rgba(0,0,0,0) 100%),
116
+ linear-gradient(to top right,
117
+ rgba(0,0,0,0) 0%,
118
+ rgba(0,0,0,0) calc(50% - 0.06em),
119
+ rgba(0,0,0,1) 50%,
120
+ rgba(0,0,0,0) calc(50% + 0.06em),
121
+ rgba(0,0,0,0) 100%)
122
+ }
123
+
124
+ .longdiv-top {
125
+ border-top: 0.067em solid;
126
+ padding: 0.1em 0.2em 0.2em 0.433em;
127
+ }
128
+ .longdiv-arc {
129
+ position: absolute;
130
+ top: 0;
131
+ bottom: 0.1em;
132
+ left: -0.4em;
133
+ width: 0.7em;
134
+ border: 0.067em solid;
135
+ transform: translateY(-0.067em);
136
+ border-radius: 70%;
137
+ clip-path: inset(0 0 0 0.4em);
138
+ box-sizing: border-box;}
139
+ .menclose {display: inline-block;
140
+ text-align: left;
141
+ position: relative;
142
+ }
143
+
144
+ .phasor-bottom {
145
+ border-bottom: 0.067em solid;
146
+ padding: 0.2em 0.2em 0.1em 0.6em;
147
+ }
148
+ .phasor-angle {
149
+ display: inline-block;
150
+ position: absolute;
151
+ left: 0.5px;
152
+ bottom: -0.04em;
153
+ height: 100%;
154
+ aspect-ratio: 0.5;
155
+ background-color: currentColor;
156
+ clip-path: polygon(0.05em 100%, 0em calc(100% - 0.05em), calc(100% - 0.05em) 0em, 100% 0.05em);
157
+ }
158
+
159
+ .tml-box {
160
+ padding: 3pt 0 3pt 0;
161
+ border: 1px solid;
162
+ }
163
+ .tml-fbox {
164
+ padding: 3pt;
165
+ border: 1px solid;
166
+ }
167
+
168
+ .circle-pad {
169
+ padding: 0.267em;
170
+ }
171
+ .textcircle {
172
+ position: absolute;
173
+ top: 0;
174
+ bottom: 0;
175
+ right: 0;
176
+ left: 0;
177
+ border: 0.067em solid;
178
+ border-radius: 50%;
179
+ }
180
+
181
+ .actuarial {
182
+ padding: 0.03889em 0.03889em 0 0.03889em;
183
+ border-width: 0.08em 0.08em 0em 0em;
184
+ border-style: solid;
185
+ margin-right: 0.03889em;
186
+ }
187
+
188
+ /* Stretch \widetilde */
105
189
  .tml-crooked-2 {
106
190
  transform: scale(2.0, 1.1)
107
191
  }
@@ -111,6 +195,7 @@ mo.prime-pad {
111
195
  .tml-crooked-4 {
112
196
  transform: scale(4.0, 1.4)
113
197
  }
198
+ /* set array cell justification */
114
199
  .tml-right {
115
200
  text-align: -webkit-right;
116
201
  }
package/dist/Temml-Latin-Modern.css CHANGED
@@ -34,6 +34,8 @@ math {
34
34
  letter-spacing: normal;
35
35
  word-wrap: normal;
36
36
  direction: ltr;
37
+ /* Prevent Firefox from omitting the dot on i or j. */
38
+ font-feature-settings: "dtls" off;
37
39
  }
38
40
 
39
41
  math * {
@@ -57,39 +59,6 @@ mo.tml-prime {
57
59
  font-family: Temml;
58
60
  }
59
61
 
60
- mrow.tml-cancel {
61
- background: linear-gradient(to top left,
62
- rgba(0,0,0,0) 0%,
63
- rgba(0,0,0,0) calc(50% - 0.06em),
64
- rgba(0,0,0,1) 50%,
65
- rgba(0,0,0,0) calc(50% + 0.06em),
66
- rgba(0,0,0,0) 100%);
67
- }
68
-
69
- mrow.tml-bcancel {
70
- background: linear-gradient(to top right,
71
- rgba(0,0,0,0) 0%,
72
- rgba(0,0,0,0) calc(50% - 0.06em),
73
- rgba(0,0,0,1) 50%,
74
- rgba(0,0,0,0) calc(50% + 0.06em),
75
- rgba(0,0,0,0) 100%);
76
- }
77
-
78
- mrow.tml-xcancel {
79
- background: linear-gradient(to top left,
80
- rgba(0,0,0,0) 0%,
81
- rgba(0,0,0,0) calc(50% - 0.06em),
82
- rgba(0,0,0,1) 50%,
83
- rgba(0,0,0,0) calc(50% + 0.06em),
84
- rgba(0,0,0,0) 100%),
85
- linear-gradient(to top right,
86
- rgba(0,0,0,0) 0%,
87
- rgba(0,0,0,0) calc(50% - 0.06em),
88
- rgba(0,0,0,1) 50%,
89
- rgba(0,0,0,0) calc(50% + 0.06em),
90
- rgba(0,0,0,0) 100%)
91
- }
92
-
93
62
  /* Prevent f' from overlapping in Chromium */
94
63
  mo.prime-pad {
95
64
  padding-left: 0.08em;
@@ -103,8 +72,123 @@ mo.prime-pad {
103
72
  text-align: left;
104
73
  }
105
74
 
106
- /* Stretch \widetilde & set array cell justification in Chromium */
75
+ /* Styles for Chromium only */
107
76
  @supports (not (-webkit-backdrop-filter: blur(1px))) and (not (-moz-appearance: none)) {
77
+ /* MathML Core & Chromium do not support the MathML 3.0 element <menclose> attributes. */
78
+ /* So use styles. */
79
+ menclose {
80
+ position: relative;
81
+ padding: 0.5ex 0ex;
82
+ }
83
+
84
+ .tml-overline {
85
+ padding: 0.1em 0 0 0;
86
+ border-top: 0.065em solid;
87
+ }
88
+
89
+ .tml-underline {
90
+ padding: 0 0 0.1em 0;
91
+ border-bottom: 0.065em solid;
92
+ }
93
+
94
+ .tml-cancel {
95
+ display: inline-block;
96
+ position: absolute;
97
+ left: 0.5px;
98
+ bottom: 0;
99
+ width: 100%;
100
+ height: 100%;
101
+ background-color: currentColor;
102
+ }
103
+ .upstrike {
104
+ clip-path: polygon(0.05em 100%, 0em calc(100% - 0.05em), calc(100% - 0.05em) 0em, 100% 0.05em);
105
+ }
106
+ .downstrike {
107
+ clip-path: polygon(0em 0.05em, 0.05em 0em, 100% calc(100% - 0.05em), calc(100% - 0.05em) 100%);
108
+ }
109
+ .sout {
110
+ clip-path: polygon(0em calc(55% + 0.0333em), 0em calc(55% - 0.0333em), 100% calc(55% - 0.0333em), 100% calc(55% + 0.0333em));
111
+ }
112
+ .tml-xcancel {
113
+ background: linear-gradient(to top left,
114
+ rgba(0,0,0,0) 0%,
115
+ rgba(0,0,0,0) calc(50% - 0.06em),
116
+ rgba(0,0,0,1) 50%,
117
+ rgba(0,0,0,0) calc(50% + 0.06em),
118
+ rgba(0,0,0,0) 100%),
119
+ linear-gradient(to top right,
120
+ rgba(0,0,0,0) 0%,
121
+ rgba(0,0,0,0) calc(50% - 0.06em),
122
+ rgba(0,0,0,1) 50%,
123
+ rgba(0,0,0,0) calc(50% + 0.06em),
124
+ rgba(0,0,0,0) 100%)
125
+ }
126
+
127
+ .longdiv-top {
128
+ border-top: 0.067em solid;
129
+ padding: 0.1em 0.2em 0.2em 0.433em;
130
+ }
131
+ .longdiv-arc {
132
+ position: absolute;
133
+ top: 0;
134
+ bottom: 0.1em;
135
+ left: -0.4em;
136
+ width: 0.7em;
137
+ border: 0.067em solid;
138
+ transform: translateY(-0.067em);
139
+ border-radius: 70%;
140
+ clip-path: inset(0 0 0 0.4em);
141
+ box-sizing: border-box;}
142
+ .menclose {display: inline-block;
143
+ text-align: left;
144
+ position: relative;
145
+ }
146
+
147
+ .phasor-bottom {
148
+ border-bottom: 0.067em solid;
149
+ padding: 0.2em 0.2em 0.1em 0.6em;
150
+ }
151
+ .phasor-angle {
152
+ display: inline-block;
153
+ position: absolute;
154
+ left: 0.5px;
155
+ bottom: -0.04em;
156
+ height: 100%;
157
+ aspect-ratio: 0.5;
158
+ background-color: currentColor;
159
+ clip-path: polygon(0.05em 100%, 0em calc(100% - 0.05em), calc(100% - 0.05em) 0em, 100% 0.05em);
160
+ }
161
+
162
+ .tml-box {
163
+ padding: 3pt 0 3pt 0;
164
+ border: 1px solid;
165
+ }
166
+ .tml-fbox {
167
+ padding: 3pt;
168
+ border: 1px solid;
169
+ }
170
+
171
+ .circle-pad {
172
+ padding: 0.267em;
173
+ }
174
+ .textcircle {
175
+ position: absolute;
176
+ top: 0;
177
+ bottom: 0;
178
+ right: 0;
179
+ left: 0;
180
+ border: 0.067em solid;
181
+ border-radius: 50%;
182
+ }
183
+
184
+ .actuarial {
185
+ padding: 0.03889em 0.03889em 0 0.03889em;
186
+ border-width: 0.08em 0.08em 0em 0em;
187
+ border-style: solid;
188
+ margin-right: 0.03889em;
189
+ }
190
+
191
+ /* Stretch \widetilde */
108
192
  .tml-crooked-2 {
109
193
  transform: scale(2.0, 1.1)
110
194
  }
@@ -114,6 +198,7 @@ mo.prime-pad {
114
198
  .tml-crooked-4 {
115
199
  transform: scale(4.0, 1.4)
116
200
  }
201
+ /* set array cell justification */
117
202
  .tml-right {
118
203
  text-align: -webkit-right;
119
204
  }
package/dist/Temml-Libertinus.css CHANGED
@@ -32,6 +32,8 @@ math {
32
32
  letter-spacing: normal;
33
33
  word-wrap: normal;
34
34
  direction: ltr;
35
+ /* Prevent Firefox from omitting the dot on i or j. */
36
+ font-feature-settings: "dtls" off;
35
37
  }
36
38
 
37
39
  math * {
@@ -54,39 +56,6 @@ mo.tml-prime {
54
56
  font-feature-settings: 'ssty';
55
57
  }
56
58
 
57
- mrow.tml-cancel {
58
- background: linear-gradient(to top left,
59
- rgba(0,0,0,0) 0%,
60
- rgba(0,0,0,0) calc(50% - 0.06em),
61
- rgba(0,0,0,1) 50%,
62
- rgba(0,0,0,0) calc(50% + 0.06em),
63
- rgba(0,0,0,0) 100%);
64
- }
65
-
66
- mrow.tml-bcancel {
67
- background: linear-gradient(to top right,
68
- rgba(0,0,0,0) 0%,
69
- rgba(0,0,0,0) calc(50% - 0.06em),
70
- rgba(0,0,0,1) 50%,
71
- rgba(0,0,0,0) calc(50% + 0.06em),
72
- rgba(0,0,0,0) 100%);
73
- }
74
-
75
- mrow.tml-xcancel {
76
- background: linear-gradient(to top left,
77
- rgba(0,0,0,0) 0%,
78
- rgba(0,0,0,0) calc(50% - 0.06em),
79
- rgba(0,0,0,1) 50%,
80
- rgba(0,0,0,0) calc(50% + 0.06em),
81
- rgba(0,0,0,0) 100%),
82
- linear-gradient(to top right,
83
- rgba(0,0,0,0) 0%,
84
- rgba(0,0,0,0) calc(50% - 0.06em),
85
- rgba(0,0,0,1) 50%,
86
- rgba(0,0,0,0) calc(50% + 0.06em),
87
- rgba(0,0,0,0) 100%)
88
- }
89
-
90
59
  /* Prevent f' from overlapping in Chromium */
91
60
  mo.prime-pad {
92
61
  padding-left: 0.08em;
@@ -100,8 +69,123 @@ mo.prime-pad {
100
69
  text-align: left;
101
70
  }
102
71
 
103
- /* Stretch \widetilde & set array cell justification in Chromium */
72
+ /* Styles for Chromium only */
104
73
  @supports (not (-webkit-backdrop-filter: blur(1px))) and (not (-moz-appearance: none)) {
74
+ /* MathML Core & Chromium do not support the MathML 3.0 element <menclose> attributes. */
75
+ /* So use styles. */
76
+ menclose {
77
+ position: relative;
78
+ padding: 0.5ex 0ex;
79
+ }
80
+
81
+ .tml-overline {
82
+ padding: 0.1em 0 0 0;
83
+ border-top: 0.065em solid;
84
+ }
85
+
86
+ .tml-underline {
87
+ padding: 0 0 0.1em 0;
88
+ border-bottom: 0.065em solid;
89
+ }
90
+
91
+ .tml-cancel {
92
+ display: inline-block;
93
+ position: absolute;
94
+ left: 0.5px;
95
+ bottom: 0;
96
+ width: 100%;
97
+ height: 100%;
98
+ background-color: currentColor;
99
+ }
100
+ .upstrike {
101
+ clip-path: polygon(0.05em 100%, 0em calc(100% - 0.05em), calc(100% - 0.05em) 0em, 100% 0.05em);
102
+ }
103
+ .downstrike {
104
+ clip-path: polygon(0em 0.05em, 0.05em 0em, 100% calc(100% - 0.05em), calc(100% - 0.05em) 100%);
105
+ }
106
+ .sout {
107
+ clip-path: polygon(0em calc(55% + 0.0333em), 0em calc(55% - 0.0333em), 100% calc(55% - 0.0333em), 100% calc(55% + 0.0333em));
108
+ }
109
+ .tml-xcancel {
110
+ background: linear-gradient(to top left,
111
+ rgba(0,0,0,0) 0%,
112
+ rgba(0,0,0,0) calc(50% - 0.06em),
113
+ rgba(0,0,0,1) 50%,
114
+ rgba(0,0,0,0) calc(50% + 0.06em),
115
+ rgba(0,0,0,0) 100%),
116
+ linear-gradient(to top right,
117
+ rgba(0,0,0,0) 0%,
118
+ rgba(0,0,0,0) calc(50% - 0.06em),
119
+ rgba(0,0,0,1) 50%,
120
+ rgba(0,0,0,0) calc(50% + 0.06em),
121
+ rgba(0,0,0,0) 100%)
122
+ }
123
+
124
+ .longdiv-top {
125
+ border-top: 0.067em solid;
126
+ padding: 0.1em 0.2em 0.2em 0.433em;
127
+ }
128
+ .longdiv-arc {
129
+ position: absolute;
130
+ top: 0;
131
+ bottom: 0.1em;
132
+ left: -0.4em;
133
+ width: 0.7em;
134
+ border: 0.067em solid;
135
+ transform: translateY(-0.067em);
136
+ border-radius: 70%;
137
+ clip-path: inset(0 0 0 0.4em);
138
+ box-sizing: border-box;}
139
+ .menclose {display: inline-block;
140
+ text-align: left;
141
+ position: relative;
142
+ }
143
+
144
+ .phasor-bottom {
145
+ border-bottom: 0.067em solid;
146
+ padding: 0.2em 0.2em 0.1em 0.6em;
147
+ }
148
+ .phasor-angle {
149
+ display: inline-block;
150
+ position: absolute;
151
+ left: 0.5px;
152
+ bottom: -0.04em;
153
+ height: 100%;
154
+ aspect-ratio: 0.5;
155
+ background-color: currentColor;
156
+ clip-path: polygon(0.05em 100%, 0em calc(100% - 0.05em), calc(100% - 0.05em) 0em, 100% 0.05em);
157
+ }
158
+
159
+ .tml-box {
160
+ padding: 3pt 0 3pt 0;
161
+ border: 1px solid;
162
+ }
163
+ .tml-fbox {
164
+ padding: 3pt;
165
+ border: 1px solid;
166
+ }
167
+
168
+ .circle-pad {
169
+ padding: 0.267em;
170
+ }
171
+ .textcircle {
172
+ position: absolute;
173
+ top: 0;
174
+ bottom: 0;
175
+ right: 0;
176
+ left: 0;
177
+ border: 0.067em solid;
178
+ border-radius: 50%;
179
+ }
180
+
181
+ .actuarial {
182
+ padding: 0.03889em 0.03889em 0 0.03889em;
183
+ border-width: 0.08em 0.08em 0em 0em;
184
+ border-style: solid;
185
+ margin-right: 0.03889em;
186
+ }
187
+
188
+ /* Stretch \widetilde */
105
189
  .tml-crooked-2 {
106
190
  transform: scale(2.0, 1.1)
107
191
  }
@@ -111,6 +195,7 @@ mo.prime-pad {
111
195
  .tml-crooked-4 {
112
196
  transform: scale(4.0, 1.4)
113
197
  }
198
+ /* set array cell justification */
114
199
  .tml-right {
115
200
  text-align: -webkit-right;
116
201
  }
package/dist/Temml-Local.css CHANGED
@@ -22,6 +22,8 @@ math {
22
22
  letter-spacing: normal;
23
23
  word-wrap: normal;
24
24
  direction: ltr;
25
+ /* Prevent Firefox from omitting the dot on i or j. */
26
+ font-feature-settings: "dtls" off;
25
27
  }
26
28
 
27
29
  math * {
@@ -40,39 +42,6 @@ mo.tml-prime {
40
42
  font-family: Temml;
41
43
  }
42
44
 
43
- mrow.tml-cancel {
44
- background: linear-gradient(to top left,
45
- rgba(0,0,0,0) 0%,
46
- rgba(0,0,0,0) calc(50% - 0.06em),
47
- rgba(0,0,0,1) 50%,
48
- rgba(0,0,0,0) calc(50% + 0.06em),
49
- rgba(0,0,0,0) 100%);
50
- }
51
-
52
- mrow.tml-bcancel {
53
- background: linear-gradient(to top right,
54
- rgba(0,0,0,0) 0%,
55
- rgba(0,0,0,0) calc(50% - 0.06em),
56
- rgba(0,0,0,1) 50%,
57
- rgba(0,0,0,0) calc(50% + 0.06em),
58
- rgba(0,0,0,0) 100%);
59
- }
60
-
61
- mrow.tml-xcancel {
62
- background: linear-gradient(to top left,
63
- rgba(0,0,0,0) 0%,
64
- rgba(0,0,0,0) calc(50% - 0.06em),
65
- rgba(0,0,0,1) 50%,
66
- rgba(0,0,0,0) calc(50% + 0.06em),
67
- rgba(0,0,0,0) 100%),
68
- linear-gradient(to top right,
69
- rgba(0,0,0,0) 0%,
70
- rgba(0,0,0,0) calc(50% - 0.06em),
71
- rgba(0,0,0,1) 50%,
72
- rgba(0,0,0,0) calc(50% + 0.06em),
73
- rgba(0,0,0,0) 100%)
74
- }
75
-
76
45
  /* Prevent f' from overlapping in Chromium */
77
46
  mo.prime-pad {
78
47
  padding-left: 0.08em;
@@ -86,8 +55,123 @@ mo.prime-pad {
86
55
  text-align: left;
87
56
  }
88
57
 
89
- /* Stretch \widetilde & set array cell justification in Chromium */
58
+ /* Styles for Chromium only */
90
59
  @supports (not (-webkit-backdrop-filter: blur(1px))) and (not (-moz-appearance: none)) {
60
+ /* MathML Core & Chromium do not support the MathML 3.0 element <menclose> attributes. */
61
+ /* So use styles. */
62
+ menclose {
63
+ position: relative;
64
+ padding: 0.5ex 0ex;
65
+ }
66
+
67
+ .tml-overline {
68
+ padding: 0.1em 0 0 0;
69
+ border-top: 0.065em solid;
70
+ }
71
+
72
+ .tml-underline {
73
+ padding: 0 0 0.1em 0;
74
+ border-bottom: 0.065em solid;
75
+ }
76
+
77
+ .tml-cancel {
78
+ display: inline-block;
79
+ position: absolute;
80
+ left: 0.5px;
81
+ bottom: 0;
82
+ width: 100%;
83
+ height: 100%;
84
+ background-color: currentColor;
85
+ }
86
+ .upstrike {
87
+ clip-path: polygon(0.05em 100%, 0em calc(100% - 0.05em), calc(100% - 0.05em) 0em, 100% 0.05em);
88
+ }
89
+ .downstrike {
90
+ clip-path: polygon(0em 0.05em, 0.05em 0em, 100% calc(100% - 0.05em), calc(100% - 0.05em) 100%);
91
+ }
92
+ .sout {
93
+ clip-path: polygon(0em calc(55% + 0.0333em), 0em calc(55% - 0.0333em), 100% calc(55% - 0.0333em), 100% calc(55% + 0.0333em));
94
+ }
95
+ .tml-xcancel {
96
+ background: linear-gradient(to top left,
97
+ rgba(0,0,0,0) 0%,
98
+ rgba(0,0,0,0) calc(50% - 0.06em),
99
+ rgba(0,0,0,1) 50%,
100
+ rgba(0,0,0,0) calc(50% + 0.06em),
101
+ rgba(0,0,0,0) 100%),
102
+ linear-gradient(to top right,
103
+ rgba(0,0,0,0) 0%,
104
+ rgba(0,0,0,0) calc(50% - 0.06em),
105
+ rgba(0,0,0,1) 50%,
106
+ rgba(0,0,0,0) calc(50% + 0.06em),
107
+ rgba(0,0,0,0) 100%)
108
+ }
109
+
110
+ .longdiv-top {
111
+ border-top: 0.067em solid;
112
+ padding: 0.1em 0.2em 0.2em 0.433em;
113
+ }
114
+ .longdiv-arc {
115
+ position: absolute;
116
+ top: 0;
117
+ bottom: 0.1em;
118
+ left: -0.4em;
119
+ width: 0.7em;
120
+ border: 0.067em solid;
121
+ transform: translateY(-0.067em);
122
+ border-radius: 70%;
123
+ clip-path: inset(0 0 0 0.4em);
124
+ box-sizing: border-box;}
125
+ .menclose {display: inline-block;
126
+ text-align: left;
127
+ position: relative;
128
+ }
129
+
130
+ .phasor-bottom {
131
+ border-bottom: 0.067em solid;
132
+ padding: 0.2em 0.2em 0.1em 0.6em;
133
+ }
134
+ .phasor-angle {
135
+ display: inline-block;
136
+ position: absolute;
137
+ left: 0.5px;
138
+ bottom: -0.04em;
139
+ height: 100%;
140
+ aspect-ratio: 0.5;
141
+ background-color: currentColor;
142
+ clip-path: polygon(0.05em 100%, 0em calc(100% - 0.05em), calc(100% - 0.05em) 0em, 100% 0.05em);
143
+ }
144
+
145
+ .tml-box {
146
+ padding: 3pt 0 3pt 0;
147
+ border: 1px solid;
148
+ }
149
+ .tml-fbox {
150
+ padding: 3pt;
151
+ border: 1px solid;
152
+ }
153
+
154
+ .circle-pad {
155
+ padding: 0.267em;
156
+ }
157
+ .textcircle {
158
+ position: absolute;
159
+ top: 0;
160
+ bottom: 0;
161
+ right: 0;
162
+ left: 0;
163
+ border: 0.067em solid;
164
+ border-radius: 50%;
165
+ }
166
+
167
+ .actuarial {
168
+ padding: 0.03889em 0.03889em 0 0.03889em;
169
+ border-width: 0.08em 0.08em 0em 0em;
170
+ border-style: solid;
171
+ margin-right: 0.03889em;
172
+ }
173
+
174
+ /* Stretch \widetilde */
91
175
  .tml-crooked-2 {
92
176
  transform: scale(2.0, 1.1)
93
177
  }
@@ -97,6 +181,7 @@ mo.prime-pad {
97
181
  .tml-crooked-4 {
98
182
  transform: scale(4.0, 1.4)
99
183
  }
184
+ /* set array cell justification */
100
185
  .tml-right {
101
186
  text-align: -webkit-right;
102
187
  }