mathpix-markdown-it/lib/contex-menu/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.menuStyle = void 0;
var consts_1 = require("./menu/consts");
var colors_1 = require("../styles/colors");
var menuStyle = function () {
    return "\n.mmd-menu {\n  max-width: ".concat(consts_1.maxWidthMenu, "px;\n  position: absolute;\n  background-color: white;\n  color: black;\n  width: auto;\n  padding: ").concat(consts_1.paddingMenu, "px 0;\n  border: 1px solid ").concat(colors_1.COLOR_MENU_BORDER, ";\n  margin: 0;\n  cursor: default;\n  font: menu;\n  text-align: left;\n  text-indent: 0;\n  text-transform: none;\n  line-height: normal;\n  letter-spacing: normal;\n  word-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  float: none;\n  z-index: 201;\n  border-radius: 5px;\n  -webkit-border-radius: 5px;\n  -moz-border-radius: 5px;\n  -khtml-border-radius: 5px;\n  box-shadow: 0 10px 20px ").concat(colors_1.COLOR_MENU_SHADOW, ";\n  -webkit-box-shadow: 0 10px 20px ").concat(colors_1.COLOR_MENU_SHADOW, ";\n  -moz-box-shadow: 0 10px 20px ").concat(colors_1.COLOR_MENU_SHADOW, ";\n  -khtml-box-shadow: 0 10px 20px ").concat(colors_1.COLOR_MENU_SHADOW, ";\n}\n.mmd-menu:focus { outline: none; }\n.mmd-menu.mmd-menu-sm {\n  max-width: 100vw;\n  padding-bottom: ").concat(consts_1.paddingMenuBottomSmall, "px;\n  border-radius: 0;\n  -webkit-border-radius: 0;\n  -moz-border-radius: 0;\n  -khtml-border-radius: 0;\n}\n.mmd-menu-item-icon {\n  color: ").concat(colors_1.COLOR_BODY_TEXT, ";\n  margin-left: auto;\n  align-items: center;\n  display: none;\n  flex-shrink: 0;\n}\n.mmd-menu-item {\n  padding: 8px 1.25rem;\n  display: flex;\n  background: transparent;\n  height: ").concat(consts_1.heightMenuItem, "px;\n  max-height: ").concat(consts_1.heightMenuItem, "px;\n}\n.mmd-menu-item:focus { outline: none; }\n.mmd-menu-item.active {\n  background-color: ").concat(colors_1.COLOR_MENU_ITEM_ACTIVE_BG, ";\n}\n.mmd-menu-item.active .mmd-menu-item-icon {\n  display: flex;\n}\n.mmd-menu-item-container {\n  overflow: hidden;\n}\n.mmd-menu-item-title {\n  color: ").concat(colors_1.COLOR_BODY_TEXT, ";\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  font-size: 14px;\n  line-height: 20px;\n}\n.mmd-menu-item-value {\n  color: ").concat(colors_1.COLOR_MENU_ITEM_VALUE, ";\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  font-size: 12px;\n  line-height: 16px;\n}\nhtml[data-theme=\"dark\"] .mmd-menu-item-title {\n  color: ").concat(colors_1.COLOR_DARK_MENU_TITLE, ";\n}\nhtml[data-theme=\"dark\"] .mmd-menu-item.active .mmd-menu-item-title {\n  color: ").concat(colors_1.COLOR_BODY_TEXT, ";\n}\nhtml[data-theme=\"dark\"] .mmd-menu {\n  background-color: ").concat(colors_1.COLOR_DARK_MENU_BG, ";\n}\n.mmd-context-menu-overlay {\n  background: ").concat(colors_1.COLOR_MENU_OVERLAY, ";\n}\n");
};
exports.menuStyle = menuStyle;
//# sourceMappingURL=styles.js.map