commit a926747b7ae5d6140314089e84ed73d87551b03a
author Karl Schaefer <karlgschaefer@gmail.com> Thu Sep 29 15:57:20 2016 -0400
committer Karl Schaefer <karlgschaefer@gmail.com> Thu Sep 29 15:57:20 2016 -0400
tree 44251b7aa83c62af2266078bf1e375c79cc59276
parent 65ce5c8f022069b54d7944c8d3d3e6c48c2365c6

Add \overarc command.

This is simply another Style command with custom CSS to make curved border.

src/commands/math/commands.js

diff --git a/src/commands/math/commands.js b/src/commands/math/commands.js
index fdd3cf2..7d7cc31 100644
--- a/src/commands/math/commands.js
+++ b/src/commands/math/commands.js
@@ -81,6 +81,7 @@
 LatexCmds.overline = LatexCmds.bar = bind(Style, '\\overline', 'span', 'class="mq-non-leaf mq-overline"');
 LatexCmds.overrightarrow = bind(Style, '\\overrightarrow', 'span', 'class="mq-non-leaf mq-overarrow mq-arrow-right"');
 LatexCmds.overleftarrow = bind(Style, '\\overleftarrow', 'span', 'class="mq-non-leaf mq-overarrow mq-arrow-left"');
+LatexCmds.overarc = bind(Style, '\\overarc', 'span', 'class="mq-non-leaf mq-overarc"');
 
 // `\textcolor{color}{math}` will apply a color to the given math content, where
 // `color` is any valid CSS Color Value (see [SitePoint docs][] (recommended),

src/css/math.less

diff --git a/src/css/math.less b/src/css/math.less
index 389058c..ac6b777 100644
--- a/src/css/math.less
+++ b/src/css/math.less
@@ -343,6 +343,18 @@
     font-family: @symbola;
   }
 
+  .mq-overarc {
+    border-top: 1px solid black;
+    -webkit-border-top-right-radius: 50% .3em;
+    -moz-border-radius-topright: 50% .3em;
+    border-top-right-radius: 50% .3em;
+    -webkit-border-top-left-radius: 50% .3em;
+    -moz-border-radius-topleft: 50% .3em;
+    border-top-left-radius: 50% .3em;
+    margin-top: 1px;
+    padding-top: 0.15em;
+  }
+
   .mq-overarrow {
     border-top: 1px solid black;
     margin-top: 1px;