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:
Ben Alpert
2013-07-14 22:41:03 -07:00
parent e29fe0c683
commit ed9d62d98c
2 changed files with 13 additions and 13 deletions

View File

@@ -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)])
]); ]);

View File

@@ -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; }