mediawiki-extensions-Math/modules/ext.math.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% );
}