temml 0.10.24 → 0.10.29

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) 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 +117 -34
  8. package/dist/Temml-Fira.css +117 -34
  9. package/dist/Temml-Latin-Modern.css +117 -34
  10. package/dist/Temml-Libertinus.css +117 -34
  11. package/dist/Temml-Local.css +117 -34
  12. package/dist/Temml-STIX2.css +117 -34
  13. package/dist/temml.cjs +7087 -6900
  14. package/dist/temml.js +4680 -4507
  15. package/dist/temml.min.js +1 -1
  16. package/dist/temml.mjs +7087 -6900
  17. package/dist/temmlPostProcess.js +1 -3
  18. package/package.json +8 -5
  19. package/src/Parser.js +7 -4
  20. package/src/buildMathML.js +55 -32
  21. package/src/environments/array.js +54 -13
  22. package/src/environments/cd.js +1 -1
  23. package/src/functions/accent.js +32 -7
  24. package/src/functions/def.js +1 -2
  25. package/src/functions/enclose.js +60 -31
  26. package/src/functions/op.js +15 -1
  27. package/src/functions/supsub.js +2 -2
  28. package/src/functions/text.js +7 -3
  29. package/src/macros.js +5 -1
  30. package/src/postProcess.js +1 -1
  31. package/src/symbols.js +5 -0
package/dist/Temml-Fira.css CHANGED
@@ -56,39 +56,6 @@ mo.tml-prime {
56
56
  font-family: Temml;
57
57
  }
58
58
 
59
- mrow.tml-cancel {
60
- background: linear-gradient(to top left,
61
- rgba(0,0,0,0) 0%,
62
- rgba(0,0,0,0) calc(50% - 0.06em),
63
- rgba(0,0,0,1) 50%,
64
- rgba(0,0,0,0) calc(50% + 0.06em),
65
- rgba(0,0,0,0) 100%);
66
- }
67
-
68
- mrow.tml-bcancel {
69
- background: linear-gradient(to top right,
70
- rgba(0,0,0,0) 0%,
71
- rgba(0,0,0,0) calc(50% - 0.06em),
72
- rgba(0,0,0,1) 50%,
73
- rgba(0,0,0,0) calc(50% + 0.06em),
74
- rgba(0,0,0,0) 100%);
75
- }
76
-
77
- mrow.tml-xcancel {
78
- background: linear-gradient(to top left,
79
- rgba(0,0,0,0) 0%,
80
- rgba(0,0,0,0) calc(50% - 0.06em),
81
- rgba(0,0,0,1) 50%,
82
- rgba(0,0,0,0) calc(50% + 0.06em),
83
- rgba(0,0,0,0) 100%),
84
- linear-gradient(to top right,
85
- rgba(0,0,0,0) 0%,
86
- rgba(0,0,0,0) calc(50% - 0.06em),
87
- rgba(0,0,0,1) 50%,
88
- rgba(0,0,0,0) calc(50% + 0.06em),
89
- rgba(0,0,0,0) 100%)
90
- }
91
-
92
59
  /* Prevent f' from overlapping in Chromium */
93
60
  mo.prime-pad {
94
61
  padding-left: 0.08em;
@@ -102,8 +69,123 @@ mo.prime-pad {
102
69
  text-align: left;
103
70
  }
104
71
 
105
- /* Stretch \widetilde & set array cell justification in Chromium */
72
+ /* Styles for Chromium only */
106
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 */
107
189
  .tml-crooked-2 {
108
190
  transform: scale(2.0, 1.1)
109
191
  }
@@ -113,6 +195,7 @@ mo.prime-pad {
113
195
  .tml-crooked-4 {
114
196
  transform: scale(4.0, 1.4)
115
197
  }
198
+ /* set array cell justification */
116
199
  .tml-right {
117
200
  text-align: -webkit-right;
118
201
  }
package/dist/Temml-Latin-Modern.css CHANGED
@@ -59,39 +59,6 @@ mo.tml-prime {
59
59
  font-family: Temml;
60
60
  }
61
61
 
62
- mrow.tml-cancel {
63
- background: linear-gradient(to top left,
64
- rgba(0,0,0,0) 0%,
65
- rgba(0,0,0,0) calc(50% - 0.06em),
66
- rgba(0,0,0,1) 50%,
67
- rgba(0,0,0,0) calc(50% + 0.06em),
68
- rgba(0,0,0,0) 100%);
69
- }
70
-
71
- mrow.tml-bcancel {
72
- background: linear-gradient(to top right,
73
- rgba(0,0,0,0) 0%,
74
- rgba(0,0,0,0) calc(50% - 0.06em),
75
- rgba(0,0,0,1) 50%,
76
- rgba(0,0,0,0) calc(50% + 0.06em),
77
- rgba(0,0,0,0) 100%);
78
- }
79
-
80
- mrow.tml-xcancel {
81
- background: linear-gradient(to top left,
82
- rgba(0,0,0,0) 0%,
83
- rgba(0,0,0,0) calc(50% - 0.06em),
84
- rgba(0,0,0,1) 50%,
85
- rgba(0,0,0,0) calc(50% + 0.06em),
86
- rgba(0,0,0,0) 100%),
87
- linear-gradient(to top right,
88
- rgba(0,0,0,0) 0%,
89
- rgba(0,0,0,0) calc(50% - 0.06em),
90
- rgba(0,0,0,1) 50%,
91
- rgba(0,0,0,0) calc(50% + 0.06em),
92
- rgba(0,0,0,0) 100%)
93
- }
94
-
95
62
  /* Prevent f' from overlapping in Chromium */
96
63
  mo.prime-pad {
97
64
  padding-left: 0.08em;
@@ -105,8 +72,123 @@ mo.prime-pad {
105
72
  text-align: left;
106
73
  }
107
74
 
108
- /* Stretch \widetilde & set array cell justification in Chromium */
75
+ /* Styles for Chromium only */
109
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 */
110
192
  .tml-crooked-2 {
111
193
  transform: scale(2.0, 1.1)
112
194
  }
@@ -116,6 +198,7 @@ mo.prime-pad {
116
198
  .tml-crooked-4 {
117
199
  transform: scale(4.0, 1.4)
118
200
  }
201
+ /* set array cell justification */
119
202
  .tml-right {
120
203
  text-align: -webkit-right;
121
204
  }
package/dist/Temml-Libertinus.css CHANGED
@@ -56,39 +56,6 @@ mo.tml-prime {
56
56
  font-feature-settings: 'ssty';
57
57
  }
58
58
 
59
- mrow.tml-cancel {
60
- background: linear-gradient(to top left,
61
- rgba(0,0,0,0) 0%,
62
- rgba(0,0,0,0) calc(50% - 0.06em),
63
- rgba(0,0,0,1) 50%,
64
- rgba(0,0,0,0) calc(50% + 0.06em),
65
- rgba(0,0,0,0) 100%);
66
- }
67
-
68
- mrow.tml-bcancel {
69
- background: linear-gradient(to top right,
70
- rgba(0,0,0,0) 0%,
71
- rgba(0,0,0,0) calc(50% - 0.06em),
72
- rgba(0,0,0,1) 50%,
73
- rgba(0,0,0,0) calc(50% + 0.06em),
74
- rgba(0,0,0,0) 100%);
75
- }
76
-
77
- mrow.tml-xcancel {
78
- background: linear-gradient(to top left,
79
- rgba(0,0,0,0) 0%,
80
- rgba(0,0,0,0) calc(50% - 0.06em),
81
- rgba(0,0,0,1) 50%,
82
- rgba(0,0,0,0) calc(50% + 0.06em),
83
- rgba(0,0,0,0) 100%),
84
- linear-gradient(to top right,
85
- rgba(0,0,0,0) 0%,
86
- rgba(0,0,0,0) calc(50% - 0.06em),
87
- rgba(0,0,0,1) 50%,
88
- rgba(0,0,0,0) calc(50% + 0.06em),
89
- rgba(0,0,0,0) 100%)
90
- }
91
-
92
59
  /* Prevent f' from overlapping in Chromium */
93
60
  mo.prime-pad {
94
61
  padding-left: 0.08em;
@@ -102,8 +69,123 @@ mo.prime-pad {
102
69
  text-align: left;
103
70
  }
104
71
 
105
- /* Stretch \widetilde & set array cell justification in Chromium */
72
+ /* Styles for Chromium only */
106
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 */
107
189
  .tml-crooked-2 {
108
190
  transform: scale(2.0, 1.1)
109
191
  }
@@ -113,6 +195,7 @@ mo.prime-pad {
113
195
  .tml-crooked-4 {
114
196
  transform: scale(4.0, 1.4)
115
197
  }
198
+ /* set array cell justification */
116
199
  .tml-right {
117
200
  text-align: -webkit-right;
118
201
  }
package/dist/Temml-Local.css CHANGED
@@ -42,39 +42,6 @@ mo.tml-prime {
42
42
  font-family: Temml;
43
43
  }
44
44
 
45
- mrow.tml-cancel {
46
- background: linear-gradient(to top left,
47
- rgba(0,0,0,0) 0%,
48
- rgba(0,0,0,0) calc(50% - 0.06em),
49
- rgba(0,0,0,1) 50%,
50
- rgba(0,0,0,0) calc(50% + 0.06em),
51
- rgba(0,0,0,0) 100%);
52
- }
53
-
54
- mrow.tml-bcancel {
55
- background: linear-gradient(to top right,
56
- rgba(0,0,0,0) 0%,
57
- rgba(0,0,0,0) calc(50% - 0.06em),
58
- rgba(0,0,0,1) 50%,
59
- rgba(0,0,0,0) calc(50% + 0.06em),
60
- rgba(0,0,0,0) 100%);
61
- }
62
-
63
- mrow.tml-xcancel {
64
- background: linear-gradient(to top left,
65
- rgba(0,0,0,0) 0%,
66
- rgba(0,0,0,0) calc(50% - 0.06em),
67
- rgba(0,0,0,1) 50%,
68
- rgba(0,0,0,0) calc(50% + 0.06em),
69
- rgba(0,0,0,0) 100%),
70
- 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
45
  /* Prevent f' from overlapping in Chromium */
79
46
  mo.prime-pad {
80
47
  padding-left: 0.08em;
@@ -88,8 +55,123 @@ mo.prime-pad {
88
55
  text-align: left;
89
56
  }
90
57
 
91
- /* Stretch \widetilde & set array cell justification in Chromium */
58
+ /* Styles for Chromium only */
92
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 */
93
175
  .tml-crooked-2 {
94
176
  transform: scale(2.0, 1.1)
95
177
  }
@@ -99,6 +181,7 @@ mo.prime-pad {
99
181
  .tml-crooked-4 {
100
182
  transform: scale(4.0, 1.4)
101
183
  }
184
+ /* set array cell justification */
102
185
  .tml-right {
103
186
  text-align: -webkit-right;
104
187
  }