mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Math
synced 2024-12-22 12:22:39 +00:00
cc0a214f56
Chrome and similar browsers do not support the menclose tag. This change introduces a css polyfill suggested in https://github.com/w3c/mathml-core/issues/245#issuecomment-2410676518 but keeps the mencose rendering since FF does not support the polyfill https://bugzilla.mozilla.org/show_bug.cgi?id=1929800 Bug: T376829 Change-Id: I860e2f2f9bf9eef8eeba35b0999ec50175fdfc4b
110 lines
2.6 KiB
CSS
110 lines
2.6 KiB
CSS
/*
|
|
* Document : ext.math
|
|
* Created on : 23.09.2013, 13:55:00
|
|
* Author : Physikerwelt (Moritz Schubotz)
|
|
* Description: Shows browser-dependent math output.
|
|
*/
|
|
@namespace m url( http://www.w3.org/1998/Math/MathML );
|
|
|
|
/* Default style for MathML. */
|
|
.mwe-math-mathml-inline {
|
|
display: inline !important; /* stylelint-disable-line declaration-no-important */
|
|
}
|
|
|
|
.mwe-math-mathml-display {
|
|
display: block !important; /* stylelint-disable-line declaration-no-important */
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.mwe-math-mathml-a11y {
|
|
/* We try to hide the MathML formula in a way that still makes it accessible to accessibility tools. */
|
|
clip: rect( 1px, 1px, 1px, 1px );
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
opacity: 0;
|
|
}
|
|
|
|
/* Default style for the image fallback. */
|
|
/* Note: We had to use !important rules because of conflicts with the style
|
|
generated by Mathoid. See https://gerrit.wikimedia.org/r/#/c/166213/ */
|
|
.mwe-math-fallback-image-inline {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mwe-math-fallback-image-display {
|
|
display: block;
|
|
margin-left: auto !important; /* stylelint-disable-line declaration-no-important */
|
|
margin-right: auto !important; /* stylelint-disable-line declaration-no-important */
|
|
}
|
|
|
|
/* Default style for the source fallback. */
|
|
.mwe-math-fallback-source-inline {
|
|
display: inline;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.mwe-math-fallback-source-display {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/* the source rendering mode generates the class tex for backwards compatibility T348938 */
|
|
img.tex {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
div.mwe-math-element {
|
|
overflow-x: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* Polyfill for MathML matrix elements with menclose https://github.com/w3c/mathml-core/issues/245 */
|
|
mtd.mwe-math-matrix-top {
|
|
border-top: 0.06em solid;
|
|
}
|
|
|
|
mtd.mwe-math-matrix-bottom {
|
|
border-bottom: 0.06em solid;
|
|
}
|
|
|
|
mtd.mwe-math-matrix-left {
|
|
border-left: 0.06em solid;
|
|
}
|
|
|
|
mtd.mwe-math-matrix-right {
|
|
border-right: 0.06em solid;
|
|
}
|
|
|
|
/* see https://github.com/w3c/mathml-core/issues/245#issuecomment-2410676518 */
|
|
menclose.menclose {
|
|
position: relative;
|
|
padding: 0.5ex 0;
|
|
}
|
|
|
|
mrow.menclose-updiagonalstrike {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 0.5px;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: currentcolor;
|
|
clip-path: polygon( 0.05em 100%, 0 calc( 100% - 0.05em ), calc( 100% - 0.05em ) 0, 100% 0.05em );
|
|
}
|
|
|
|
mrow.menclose-downdiagonalstrike {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 0.5px;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: currentcolor;
|
|
clip-path: polygon( 0 0, 0.05em 0, 100% 100%, calc( 100% - 0.05em ) 100% );
|
|
}
|