mirror of
https://github.com/freeCodeCamp/devdocs
synced 2024-11-16 19:48:10 +01:00
Host MathML stylesheet in DevDocs
This commit is contained in:
Thibaut Courouble
parent
4c28cb6dbd
commit
a8bd4227c3
3 changed files with 218 additions and 3 deletions
2
assets/javascripts/vendor/mathml.js
vendored
2
assets/javascripts/vendor/mathml.js
vendored
|
|
@ -18,7 +18,7 @@
|
|||
if (Math.abs(box.height - 23) > 1 || Math.abs(box.width - 77) > 1) {
|
||||
// Insert the mathml.css stylesheet.
|
||||
link = document.createElement("link");
|
||||
link.href = "http://fred-wang.github.io/mathml.css/mathml.css";
|
||||
link.href = "https://cdn.devdocs.io/mathml.css";
|
||||
link.rel = "stylesheet";
|
||||
document.head.appendChild(link);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -80,11 +80,12 @@ class App < Sinatra::Application
|
|||
use Rack::Deflater
|
||||
use Rack::Static,
|
||||
root: 'public',
|
||||
urls: %w(/assets /docs/ /images /favicon.ico /robots.txt /opensearch.xml /manifest.webapp),
|
||||
urls: %w(/assets /docs/ /images /favicon.ico /robots.txt /opensearch.xml /manifest.webapp /mathml.css),
|
||||
header_rules: [
|
||||
[:all, {'Cache-Control' => 'no-cache, max-age=0'}],
|
||||
['/assets', {'Cache-Control' => 'public, max-age=604800'}],
|
||||
['/favicon.ico', {'Cache-Control' => 'public, max-age=86400'}],
|
||||
['/mathml.css', {'Cache-Control' => 'public, max-age=604800'}],
|
||||
['/images', {'Cache-Control' => 'public, max-age=86400'}] ]
|
||||
|
||||
sprockets.js_compressor = Uglifier.new output: { beautify: true, indent_level: 0 }
|
||||
|
|
|
|||
214
public/mathml.css
Normal file
214
public/mathml.css
Normal file
|
|
@ -0,0 +1,214 @@
|
|||
/* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
|
||||
/* See https://github.com/fred-wang/mathml.css */
|
||||
|
||||
@namespace "http://www.w3.org/1998/Math/MathML";
|
||||
|
||||
/* math */
|
||||
math {
|
||||
display: inline;
|
||||
text-indent: 0;
|
||||
}
|
||||
math[display="block"] {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* fraction */
|
||||
mfrac {
|
||||
display: inline-block !important;
|
||||
vertical-align: -50%;
|
||||
border-collapse: collapse;
|
||||
text-align: center;
|
||||
}
|
||||
mfrac > * {
|
||||
display: block !important;
|
||||
}
|
||||
mfrac > * + * {
|
||||
display: inline-block !important;
|
||||
vertical-align: top;
|
||||
}
|
||||
mfrac:not([linethickness="0"]) > *:first-child {
|
||||
border-bottom: solid thin;
|
||||
}
|
||||
|
||||
/* sub/sup scripts */
|
||||
msub > *:nth-child(2), msubsup > *:nth-child(2),
|
||||
mmultiscripts > *:nth-child(2n+2),
|
||||
mmultiscripts > mprescripts ~ *:nth-child(2n+3) {
|
||||
font-size: 0.8em;
|
||||
vertical-align: sub;
|
||||
}
|
||||
msup > *:nth-child(2), msubsup > *:nth-child(3),
|
||||
mmultiscripts > *:nth-child(2n+3),
|
||||
mmultiscripts > mprescripts ~ *:nth-child(2n+2) {
|
||||
font-size: 0.8em;
|
||||
vertical-align: super;
|
||||
}
|
||||
mprescripts:after {
|
||||
content: ";";
|
||||
}
|
||||
|
||||
/* under/over scripts */
|
||||
munder, mover, munderover {
|
||||
display: inline-flex !important;
|
||||
flex-direction: column;
|
||||
}
|
||||
munder > *:nth-child(2), munderover > *:nth-child(2) {
|
||||
font-size: 0.8em;
|
||||
order: +1;
|
||||
}
|
||||
mover > *:nth-child(2), munderover > *:nth-child(3) {
|
||||
font-size: 0.8em;
|
||||
order: -1;
|
||||
}
|
||||
munder {
|
||||
vertical-align: text-top;
|
||||
}
|
||||
mover {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
munderover {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* roots */
|
||||
msqrt, mroot {
|
||||
display: inline-flex !important;
|
||||
margin-left: .5em;
|
||||
vertical-align: middle;
|
||||
border-top: solid thin;
|
||||
}
|
||||
msqrt:before, mroot:before {
|
||||
margin-left: -.5em;
|
||||
content: "\221A";
|
||||
}
|
||||
mroot > *:nth-child(2) {
|
||||
margin-right: .25em;
|
||||
margin-left: -.75em;
|
||||
font-size: 0.8em;
|
||||
order: -1;
|
||||
}
|
||||
|
||||
/* menclose */
|
||||
menclose {
|
||||
display: inline-table !important;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0.4ex 0;
|
||||
}
|
||||
menclose[notation*="top"], menclose[notation*="actuarial"] {
|
||||
border-top: solid thin;
|
||||
}
|
||||
menclose[notation*="bottom"], menclose[notation*="madruwb"] {
|
||||
border-bottom: solid thin;
|
||||
}
|
||||
menclose[notation*="right"], menclose[notation*="actuarial"],
|
||||
menclose[notation*="madruwb"] {
|
||||
border-right: solid thin;
|
||||
}
|
||||
menclose[notation*="left"] {
|
||||
border-left: solid thin;
|
||||
}
|
||||
menclose[notation*="box"], menclose[notation*="roundedbox"],
|
||||
menclose[notation*="circle"] {
|
||||
border: solid thin;
|
||||
}
|
||||
menclose[notation*="roundedbox"] {
|
||||
border-radius: 15%;
|
||||
}
|
||||
menclose[notation*="circle"] {
|
||||
border-radius: 50%;
|
||||
}
|
||||
menclose[notation*="horizontalstrike"] {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
/* table */
|
||||
mtable {
|
||||
display: inline-table !important;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
mtr {
|
||||
display: table-row !important;
|
||||
}
|
||||
mtd {
|
||||
display: table-cell !important;
|
||||
padding: 0 0.5ex;
|
||||
}
|
||||
|
||||
/* token elements */
|
||||
mspace {
|
||||
margin: .2em;
|
||||
}
|
||||
mi {
|
||||
font-style: italic;
|
||||
}
|
||||
mo {
|
||||
margin-right: .2em;
|
||||
margin-left: .2em;
|
||||
}
|
||||
ms:before, ms:after {
|
||||
content:"\0022";
|
||||
}
|
||||
ms[lquote]:before {
|
||||
content: attr(lquote);
|
||||
}
|
||||
ms[rquote]:after {
|
||||
content: attr(rquote);
|
||||
}
|
||||
|
||||
/* mathvariants */
|
||||
[mathvariant="bold"], [mathvariant="bold-italic"],
|
||||
[mathvariant="bold-sans-serif"], [mathvariant="sans-serif-bold-italic"] {
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
[mathvariant="monospace"] {
|
||||
font-family: monospace;
|
||||
font-style: normal;
|
||||
}
|
||||
[mathvariant="sans-serif"],
|
||||
[mathvariant="bold-sans-serif"], [mathvariant="sans-serif-italic"],
|
||||
[mathvariant="sans-serif-bold-italic"] {
|
||||
font-family: sans-serif;
|
||||
font-style: normal;
|
||||
}
|
||||
[mathvariant="italic"], [mathvariant="bold-italic"],
|
||||
[mathvariant="sans-serif-italic"], [mathvariant="sans-serif-bold-italic"] {
|
||||
font-style: italic;
|
||||
}
|
||||
[mathvariant="normal"] {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* mphantom */
|
||||
mphantom {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* merror */
|
||||
merror {
|
||||
outline: solid thin red;
|
||||
}
|
||||
merror:before {
|
||||
content: "Error: ";
|
||||
}
|
||||
|
||||
/* annotations */
|
||||
semantics > *:first-child {
|
||||
display: inline;
|
||||
}
|
||||
annotation, annotation-xml {
|
||||
font-family: monospace;
|
||||
display: none !important;
|
||||
}
|
||||
math:active > semantics > *:first-child,
|
||||
math:active > semantics > *:first-child {
|
||||
display: none !important;
|
||||
}
|
||||
math:active annotation:first-of-type {
|
||||
display: inline !important;
|
||||
}
|
||||
Loading…
Reference in a new issue