Files
KaTeX/static/style.css
Emily Eisenberg 2478a385ae Add spacing functions
Summary: Add \qquad, \quad, \;, etc. Fixes T7

Test Plan:
Add some spacings. Make sure that they look reasonable widths.
Especially, if you add a space (`\space`), make sure that it doesn't disappear
because the spacing disappears.

Reviewers: spicyj

Reviewed By: spicyj

Maniphest Tasks: T7

Differential Revision: http://phabricator.benalpert.com/D46
2013-07-09 15:32:54 -07:00

158 lines
2.3 KiB
CSS

@import "fonts/fonts.css";
/*
thin space: 1/6 quad
medium space: 2/9 quad
thick space: 5/18 quad
things to do:
^ _ and styles
\sin
\sum, \int, \lim
\frac
\sqrt
big parens
*/
body {
margin: 0px;
padding: 0px;
}
input {
margin: 0px;
font-size: 100%;
}
#math {
font-family: mjlite_main;
line-height: 1.4;
}
.mathit {
font-family: mjlite_math;
font-style: italic;
}
.mord + .mbin {
margin-left: 0.22222em;
}
.mbin + .mord {
margin-left: 0.22222em;
}
.mbin + .mopen {
margin-left: 0.22222em;
}
.mclose + .mbin {
margin-left: 0.22222em;
}
.mrel + .mord {
margin-left: 0.27778em;
}
.mord + .mrel {
margin-left: 0.27778em;
}
.mrel + .mopen {
margin-left: 0.27778em;
}
.mclose + .mrel {
margin-left: 0.27778em;
}
.msub {
vertical-align: bottom;
font-size: 70%;
position: relative;
top: 0.2em;
}
.msup {
position: relative;
top: -0.5em;
font-size: 70%;
}
.msupsub {
display: inline-table;
table-layout: fixed;
vertical-align: middle;
}
.msupsub > .msup, .msupsub > .msub {
display: table-row;
vertical-align: baseline;
line-height: 1em;
}
.mfrac {
display: inline-table;
vertical-align: 0.66em;
padding-left: 0.16667em;
padding-right: 0.16667em;
}
.mfracnum, .mfracmid, .mfracden {
display: table-row;
text-align: center;
}
.mfracmid > span {
background: black;
display: block;
height: 0.05em;
min-height: 1px;
}
.mfracnum > span {
display: inline-block;
vertical-align: bottom;
}
.mspace {
display: inline-block;
}
.mspace.thinspace {
width: 0.16667em;
}
.mspace.mediumspace {
width: 0.22222em;
}
.mspace.thickspace {
width: 0.27778em;
}
.mspace.quad {
width: 1em;
}
.mspace.qquad {
width: 2em;
}
.mord.blue { color: #6495ed; }
.mord.orange { color: #ffa500; }
.mord.pink { color: #ff00af; }
.mord.red { color: #df0030; }
.mord.green { color: #28ae7b; }
.mord.gray { color: gray; }
.mord.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; }