mirror of
https://github.com/Smaug123/KaTeX
synced 2025-10-18 01:08:40 +00:00
Inherit fraction bar color from surrounding text
Test Plan: Fractions look okay in Chrome, Firefox, IE. Reviewers: emily Reviewed By: emily Differential Revision: http://phabricator.khanacademy.org/D3051
This commit is contained in:
2
katex.js
2
katex.js
@@ -94,7 +94,7 @@ var buildGroup = function(style, color, group, prev) {
|
|||||||
var numer = makeSpan("mfracnum " + nstyle.cls(), [
|
var numer = makeSpan("mfracnum " + nstyle.cls(), [
|
||||||
makeSpan("", [buildGroup(nstyle, color, group.value.numer)])
|
makeSpan("", [buildGroup(nstyle, color, group.value.numer)])
|
||||||
]);
|
]);
|
||||||
var mid = makeSpan("mfracmid", [makeSpan()]);
|
var mid = makeSpan("mfracmid");
|
||||||
var denom = makeSpan("mfracden " + dstyle.cls(), [
|
var denom = makeSpan("mfracden " + dstyle.cls(), [
|
||||||
makeSpan("", [buildGroup(dstyle, color, group.value.denom)])
|
makeSpan("", [buildGroup(dstyle, color, group.value.denom)])
|
||||||
]);
|
]);
|
||||||
|
@@ -98,11 +98,19 @@ big parens
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mfracmid > span {
|
.mfracmid:before {
|
||||||
background: black;
|
border-bottom-style: solid;
|
||||||
|
border-bottom-width: 1px;
|
||||||
|
content: "";
|
||||||
display: block;
|
display: block;
|
||||||
height: 0.05em;
|
}
|
||||||
min-height: 1px;
|
|
||||||
|
.mfracmid:after {
|
||||||
|
border-bottom-style: solid;
|
||||||
|
border-bottom-width: 0.05em;
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
margin-top: -1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mfracnum > span {
|
.mfracnum > span {
|
||||||
@@ -156,11 +164,3 @@ big parens
|
|||||||
.green { color: #28ae7b; }
|
.green { color: #28ae7b; }
|
||||||
.gray { color: gray; }
|
.gray { color: gray; }
|
||||||
.purple { color: #9d38bd; }
|
.purple { color: #9d38bd; }
|
||||||
|
|
||||||
.blue > .mfracmid > span { background: #6495ed; }
|
|
||||||
.orange > .mfracmid > span { background: #ffa500; }
|
|
||||||
.pink > .mfracmid > span { background: #ff00af; }
|
|
||||||
.red > .mfracmid > span { background: #df0030; }
|
|
||||||
.green > .mfracmid > span { background: #28ae7b; }
|
|
||||||
.gray > .mfracmid > span { background: gray; }
|
|
||||||
.purple > .mfracmid > span { background: #9d38bd; }
|
|
||||||
|
Reference in New Issue
Block a user