Bad spacing inside MathML formulas when text-indent is specified
[WebKit-https.git] / Source / WebCore / css / mathml.css
1 @namespace "http://www.w3.org/1998/Math/MathML";
2
3 math {
4     -webkit-line-box-contain: glyphs replaced;
5     line-height: 0;
6     text-indent: 0;
7 }
8 mtext {
9     line-height: 1.0;
10 }
11
12 /* Keep font-family and other defaults here consistent with http://mxr.mozilla.org/mozilla-central/source/layout/mathml/mathml.css and feedback from www-math. */
13 math, mfenced > * {
14     font-family: MathJax_Main, STIXGeneral, "DejaVu Serif", Cambria, "Cambria Math", Times, serif;
15 }
16 mo, mfenced {
17     font-family: MathJax_Main, STIXGeneral, STIXSizeOneSym, "DejaVu Sans", "DejaVu Serif", Cambria, "Cambria Math",
18         "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Grande", OpenSymbol, "Standard Symbols L", sans-serif;
19 }
20
21 math {
22     display: -webkit-inline-flex !important;
23     padding-left: 1px;
24     padding-right: 1px;
25 }
26
27 math[display="block"] {
28     display: -webkit-flex !important;
29     -webkit-justify-content: center;
30     page-break-inside: avoid;
31     /* -webkit-margin-before: 1em; -- FIXME: Ask www-math for a default MathML stylesheet, including this (or margin-top). */
32     -webkit-margin-after: 1em;
33 }
34
35 mo, mrow, mfenced, mfrac, msub, msup, msubsup, munder, mover, munderover, msqrt, mroot {
36     display: -webkit-inline-flex !important;
37 }
38
39 msup {
40     -webkit-align-items: flex-start;
41 }
42
43 msub {
44     -webkit-align-items: flex-end;
45 }
46
47 math, mrow, mfenced, msqrt, mroot {
48     -webkit-align-items: baseline;
49 }
50 msqrt > * { /* This rule is needed because of <msqrt>'s anonymous <mrow>. */
51     -webkit-align-self: baseline;
52 }
53
54 mo, mfrac, munder, mover, munderover {
55     -webkit-flex-direction: column;
56 }
57
58 munder, mover, munderover {
59     -webkit-align-items: center;
60 }
61
62 mfrac > * {
63     -webkit-align-self: center;
64 }
65 mfrac[numalign="left"] > :first-child {
66     -webkit-align-self: flex-start;
67 }
68 mfrac[numalign="right"] > :first-child {
69     -webkit-align-self: flex-end;
70 }
71 mfrac[denomalign="left"] > :last-child {
72     -webkit-align-self: flex-start;
73 }
74 mfrac[denomalign="right"] > :last-child {
75     -webkit-align-self: flex-end;
76 }
77 mfrac > :first-child {
78     -webkit-margin-after: 0.2em;
79 }
80 mfrac > :last-child {
81     -webkit-margin-before: 0.2em;
82 }
83 mfrac {
84     -webkit-margin-start: 1px;
85     -webkit-margin-end: 1px;
86 }
87
88 msubsup > :last-child, mover > :last-child, munderover > :last-child {
89     -webkit-order: -1;
90 }
91
92 msub > * + *, msup > * + *, msubsup > * + *, munder > * + *, mover > * + *, munderover > * + * {
93     font-size: 0.75em; /* FIXME: MathML standard is 0.71em */
94 }
95
96 mi {
97     font-style: italic;
98     -webkit-padding-end: 0.1em;
99 }
100 msub > mi:first-child, msubsup > mi:first-child {
101     -webkit-padding-end: 0;
102 }
103 msubsup > mi:first-child + * + * {
104     -webkit-margin-start: 0.14em; /* This is larger than 0.1em because the child's font-size is smaller than the <msubsup>'s. */
105 }
106
107 /* FIXME: For a RenderMathMLOperator's margin-start and margin-end, or for a MathML "embellished operator", check the operator's lspace and rspace attributes,
108    and the MathML operator dictionary. */
109 math > mo, mrow > mo, msqrt > mo, mtd > mo {
110     -webkit-margin-start: 0.2em;
111     -webkit-margin-end: 0.2em;
112 }
113 math > mo:first-child, mrow > mo:first-child, msqrt > mo:first-child, mtd > mo:first-child,
114 math > mo:last-child, mrow > mo:last-child, msqrt > mo:last-child, mtd > mo:last-child {
115     -webkit-margin-start: 0.1em;
116     -webkit-margin-end: 0.1em;
117 }
118
119 mroot {
120     position: relative;
121 }
122 mroot > * + * {
123     font-size: 0.75em;
124     position: absolute;
125     left: 0;
126     top: 0;
127     padding-right: 0.4em;
128     padding-left: 0.2em;
129     padding-bottom: 0.35em;
130 }
131
132 math[mathvariant="normal"], mstyle[mathvariant="normal"], mo[mathvariant="normal"], mn[mathvariant="normal"], mi[mathvariant="normal"], mtext[mathvariant="normal"], mspace[mathvariant="normal"], ms[mathvariant="normal"] {
133     font-style: normal;
134     font-weight: normal;
135 }
136
137 math[mathvariant="bold"], mstyle[mathvariant="bold"], mo[mathvariant="bold"], mn[mathvariant="bold"], mi[mathvariant="bold"], mtext[mathvariant="bold"], mspace[mathvariant="bold"], ms[mathvariant="bold"] {
138     font-style: normal;
139     font-weight: bold;
140 }
141
142 math[mathvariant="italic"], mstyle[mathvariant="italic"], mo[mathvariant="italic"], mn[mathvariant="italic"], mi[mathvariant="italic"], mtext[mathvariant="italic"], mspace[mathvariant="italic"], ms[mathvariant="italic"] {
143     font-style: italic;
144     font-weight: normal;
145 }
146
147 math[mathvariant="bold-italic"], mstyle[mathvariant="bold-italic"], mo[mathvariant="bold-italic"], mn[mathvariant="bold-italic"], mi[mathvariant="bold-italic"], mtext[mathvariant="bold-italic"], mspace[mathvariant="bold-italic"], ms[mathvariant="bold-italic"] {
148     font-weight: bold;
149     font-style: italic;
150 }
151
152 math[mathsize="small"], mstyle[mathsize="small"], mo[mathsize="small"], mn[mathsize="small"], mi[mathsize="small"], mtext[mathsize="small"], mspace[mathsize="small"], ms[mathsize="small"] {
153     font-size: 0.75em;
154 }
155
156 math[mathsize="normal"], mstyle[mathsize="normal"], mo[mathsize="normal"], mn[mathsize="normal"], mi[mathsize="normal"], mtext[mathsize="normal"], mspace[mathsize="normal"], ms[mathsize="normal"] {
157     font-size: 1em;
158 }
159
160 math[mathsize="big"], mstyle[mathsize="big"], mo[mathsize="big"], mn[mathsize="big"], mi[mathsize="big"], mtext[mathsize="big"], mspace[mathsize="big"], ms[mathsize="big"] {
161     font-size: 1.5em;
162 }
163  
164 annotation, annotation-xml {
165     display: none;
166 }
167
168 mphantom {
169     visibility: hidden;
170 }
171
172 merror {
173     outline: solid thin red;
174     font-weight: bold;
175     font-family: sans-serif;
176     background-color: lightYellow;
177 }
178
179 mtable {
180     display: inline-table;
181     text-align: center;
182 }
183
184 mtr {
185     display: table-row;
186 }
187
188 mtd {
189     display: table-cell;
190     padding: 0.5ex;
191 }
192
193 mtable[columnalign="left"], mtr[columnalign="left"], mtd[columnalign="left"] {
194     text-align: left;
195 }
196
197 mtable[columnalign="right"], mtr[columnalign="right"], mtd[columnalign="right"] {
198     text-align: right;
199 }
200
201 mtable[rowalign="top"] mtd, mtable mtr[rowalign="top"] mtd, mtable mtr mtd[rowalign="top"] {
202     vertical-align: top;
203 }
204
205 mtable[rowalign="bottom"] mtd, mtable mtr[rowalign="bottom"] mtd, mtable mtr mtd[rowalign="bottom"] {
206     vertical-align: bottom;
207 }
208
209 mtable[rowalign="center"] mtd, mtable mtr[rowalign="center"] mtd, mtable mtr mtd[rowalign="center"] {
210     vertical-align: middle;
211 }
212
213 mtable[frame="solid"] {
214     border: solid thin;
215 }
216
217 mtable[frame="dashed"] {
218     border: dashed thin;
219 }
220
221 mtable[rowlines="solid"], mtable[rowlines="dashed"], mtable[columnlines="solid"], mtable[columnlines="dashed"] {
222     border-collapse: collapse;
223 }
224
225 mtable[rowlines="solid"] > mtr + mtr {
226     border-top: solid thin;
227 }
228
229 mtable[rowlines="dashed"] > mtr + mtr {
230     border-top: dashed thin;
231 }
232
233 mtable[columnlines="solid"] > mtr > mtd + mtd {
234     border-left: solid thin;
235 }
236
237 mtable[columnlines="dashed"] > mtr > mtd + mtd {
238     border-left: dashed thin;
239 }
240
241 mspace[linebreak="newline"] {
242     display: block;
243 }