mathpix-markdown-it/lib/copy-to-clipboard/clipboard-copy-styles.js

Mathpix-markdown-it is an open source implementation of the mathpix-markdown spec written in Typescript. It relies on the following open source libraries: MathJax v3 (to render math with SVGs), markdown-it (for standard Markdown parsing)

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.clipboardCopyStyles = void 0;
var colors_1 = require("../styles/colors");
var clipboardCopyStyles = function () { return "\n.ClipboardButton {\n  padding: 0;\n  margin: 0.5rem;\n  display: inline-block;\n  cursor: pointer;\n  color: ".concat(colors_1.COLOR_CLIPBOARD_TEXT, ";\n  background: ").concat(colors_1.COLOR_CLIPBOARD_BG, ";\n  border-radius: 6px;\n  border: 1px solid ").concat(colors_1.COLOR_CLIPBOARD_BORDER, ";\n  box-shadow: ").concat(colors_1.COLOR_CLIPBOARD_SHADOW, " 0 1px 0 0, ").concat(colors_1.COLOR_CLIPBOARD_SHADOW_INSET, " 0 1px 0 0 inset;\n  position: relative;\n}\n.ClipboardButton:hover {\n  background-color: ").concat(colors_1.COLOR_CLIPBOARD_HOVER_BG, ";\n  border-color: ").concat(colors_1.COLOR_CLIPBOARD_BORDER, ";\n  transition-duration: .1s;\n}\ntd .mmd-clipboard-copy-container {\n  line-height: 0;\n}\ntd .ClipboardButton {\n  margin: 1px;\n  line-height: 0;\n}\ntd .ClipboardButton .mmd-clipboard-icon {\n  margin: 1px !important;\n  transform: scale(0.6);\n}\n.mmd-clipboard-icon {\n  fill: currentColor;\n  vertical-align: text-bottom;\n}\n.mmd-clipboard-copy-icon {\n  color: ").concat(colors_1.COLOR_CLIPBOARD_COPY_ICON, ";\n}\n.mmd-clipboard-check-icon {\n  color: ").concat(colors_1.COLOR_CLIPBOARD_CHECK_ICON, ";\n}\n.mmd-tooltipped-no-delay:hover::before,\n.mmd-tooltipped-no-delay:hover::after {\n  animation-delay: 0s;\n}\n.mmd-tooltipped:hover::before,\n.mmd-tooltipped:hover::after {\n  display: inline-block;\n  text-decoration: none;\n  animation-name: tooltip-appear;\n  animation-duration: .1s;\n  animation-fill-mode: forwards;\n  animation-timing-function: ease-in;\n  animation-delay: .4s;\n}\n.mmd-tooltipped-w::before {\n  top: 50%;\n  bottom: 50%;\n  left: -7px;\n  margin-top: -6px;\n  border-left-color: ").concat(colors_1.COLOR_CLIPBOARD_TEXT, ";\n}\n.mmd-tooltipped::before {\n  position: absolute;\n  z-index: 1000001;\n  display: none;\n  width: 0;\n  height: 0;\n  color: ").concat(colors_1.COLOR_CLIPBOARD_TEXT, ";\n  pointer-events: none;\n  content: \"\";\n  border: 6px solid transparent;\n  opacity: 0;\n}\n.mmd-tooltipped-w::after {\n  right: 100%;\n  bottom: 50%;\n  margin-right: 6px;\n  transform: translateY(50%);\n}\n.mmd-tooltipped::after {\n  position: absolute;\n  z-index: 1000000;\n  display: none;\n  padding: 0.5em 0.75em;\n  font: normal normal 11px/1.5 'CMU Serif', 'Georgia', Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: subpixel-antialiased;\n  color: white;\n  text-align: center;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: break-word;\n  white-space: pre;\n  pointer-events: none;\n  content: attr(aria-label);\n  background: ").concat(colors_1.COLOR_CLIPBOARD_TEXT, ";\n  border-radius: 6px;\n  opacity: 0;\n}\n"); };
exports.clipboardCopyStyles = clipboardCopyStyles;
//# sourceMappingURL=clipboard-copy-styles.js.map