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.
@@ -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 * {
@@ -44,39 +46,6 @@ mo.tml-prime {
44
46
  font-feature-settings: 'ss04';
45
47
  }
46
48
 
47
- mrow.tml-cancel {
48
- background: linear-gradient(to top left,
49
- rgba(0,0,0,0) 0%,
50
- rgba(0,0,0,0) calc(50% - 0.06em),
51
- rgba(0,0,0,1) 50%,
52
- rgba(0,0,0,0) calc(50% + 0.06em),
53
- rgba(0,0,0,0) 100%);
54
- }
55
-
56
- mrow.tml-bcancel {
57
- background: linear-gradient(to top right,
58
- rgba(0,0,0,0) 0%,
59
- rgba(0,0,0,0) calc(50% - 0.06em),
60
- rgba(0,0,0,1) 50%,
61
- rgba(0,0,0,0) calc(50% + 0.06em),
62
- rgba(0,0,0,0) 100%);
63
- }
64
-
65
- mrow.tml-xcancel {
66
- background: linear-gradient(to top left,
67
- rgba(0,0,0,0) 0%,
68
- rgba(0,0,0,0) calc(50% - 0.06em),
69
- rgba(0,0,0,1) 50%,
70
- rgba(0,0,0,0) calc(50% + 0.06em),
71
- rgba(0,0,0,0) 100%),
72
- 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
49
  /* Prevent f' from overlapping in Chromium */
81
50
  mo.prime-pad {
82
51
  padding-left: 0.08em;
@@ -90,8 +59,123 @@ mo.prime-pad {
90
59
  text-align: left;
91
60
  }
92
61
 
93
- /* Stretch \widetilde & set array cell justification in Chromium */
62
+ /* Styles for Chromium only */
94
63
  @supports (not (-webkit-backdrop-filter: blur(1px))) and (not (-moz-appearance: none)) {
64
+ /* MathML Core & Chromium do not support the MathML 3.0 element <menclose> attributes. */
65
+ /* So use styles. */
66
+ menclose {
67
+ position: relative;
68
+ padding: 0.5ex 0ex;
69
+ }
70
+
71
+ .tml-overline {
72
+ padding: 0.1em 0 0 0;
73
+ border-top: 0.065em solid;
74
+ }
75
+
76
+ .tml-underline {
77
+ padding: 0 0 0.1em 0;
78
+ border-bottom: 0.065em solid;
79
+ }
80
+
81
+ .tml-cancel {
82
+ display: inline-block;
83
+ position: absolute;
84
+ left: 0.5px;
85
+ bottom: 0;
86
+ width: 100%;
87
+ height: 100%;
88
+ background-color: currentColor;
89
+ }
90
+ .upstrike {
91
+ clip-path: polygon(0.05em 100%, 0em calc(100% - 0.05em), calc(100% - 0.05em) 0em, 100% 0.05em);
92
+ }
93
+ .downstrike {
94
+ clip-path: polygon(0em 0.05em, 0.05em 0em, 100% calc(100% - 0.05em), calc(100% - 0.05em) 100%);
95
+ }
96
+ .sout {
97
+ clip-path: polygon(0em calc(55% + 0.0333em), 0em calc(55% - 0.0333em), 100% calc(55% - 0.0333em), 100% calc(55% + 0.0333em));
98
+ }
99
+ .tml-xcancel {
100
+ background: linear-gradient(to top left,
101
+ rgba(0,0,0,0) 0%,
102
+ rgba(0,0,0,0) calc(50% - 0.06em),
103
+ rgba(0,0,0,1) 50%,
104
+ rgba(0,0,0,0) calc(50% + 0.06em),
105
+ rgba(0,0,0,0) 100%),
106
+ linear-gradient(to top right,
107
+ rgba(0,0,0,0) 0%,
108
+ rgba(0,0,0,0) calc(50% - 0.06em),
109
+ rgba(0,0,0,1) 50%,
110
+ rgba(0,0,0,0) calc(50% + 0.06em),
111
+ rgba(0,0,0,0) 100%)
112
+ }
113
+
114
+ .longdiv-top {
115
+ border-top: 0.067em solid;
116
+ padding: 0.1em 0.2em 0.2em 0.433em;
117
+ }
118
+ .longdiv-arc {
119
+ position: absolute;
120
+ top: 0;
121
+ bottom: 0.1em;
122
+ left: -0.4em;
123
+ width: 0.7em;
124
+ border: 0.067em solid;
125
+ transform: translateY(-0.067em);
126
+ border-radius: 70%;
127
+ clip-path: inset(0 0 0 0.4em);
128
+ box-sizing: border-box;}
129
+ .menclose {display: inline-block;
130
+ text-align: left;
131
+ position: relative;
132
+ }
133
+
134
+ .phasor-bottom {
135
+ border-bottom: 0.067em solid;
136
+ padding: 0.2em 0.2em 0.1em 0.6em;
137
+ }
138
+ .phasor-angle {
139
+ display: inline-block;
140
+ position: absolute;
141
+ left: 0.5px;
142
+ bottom: -0.04em;
143
+ height: 100%;
144
+ aspect-ratio: 0.5;
145
+ background-color: currentColor;
146
+ clip-path: polygon(0.05em 100%, 0em calc(100% - 0.05em), calc(100% - 0.05em) 0em, 100% 0.05em);
147
+ }
148
+
149
+ .tml-box {
150
+ padding: 3pt 0 3pt 0;
151
+ border: 1px solid;
152
+ }
153
+ .tml-fbox {
154
+ padding: 3pt;
155
+ border: 1px solid;
156
+ }
157
+
158
+ .circle-pad {
159
+ padding: 0.267em;
160
+ }
161
+ .textcircle {
162
+ position: absolute;
163
+ top: 0;
164
+ bottom: 0;
165
+ right: 0;
166
+ left: 0;
167
+ border: 0.067em solid;
168
+ border-radius: 50%;
169
+ }
170
+
171
+ .actuarial {
172
+ padding: 0.03889em 0.03889em 0 0.03889em;
173
+ border-width: 0.08em 0.08em 0em 0em;
174
+ border-style: solid;
175
+ margin-right: 0.03889em;
176
+ }
177
+
178
+ /* Stretch \widetilde */
95
179
  .tml-crooked-2 {
96
180
  transform: scale(2.0, 1.1)
97
181
  }
@@ -101,6 +185,7 @@ mo.prime-pad {
101
185
  .tml-crooked-4 {
102
186
  transform: scale(4.0, 1.4)
103
187
  }
188
+ /* set array cell justification */
104
189
  .tml-right {
105
190
  text-align: -webkit-right;
106
191
  }