temml 0.10.23 → 0.10.29

Sign up to get free protection for your applications and to get access to all the features.
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
  }