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 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 0px;\n    border: 1px solid #E5E6EB;\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: 0px 10px 20px #808080;\n    -webkit-box-shadow: 0px 10px 20px #808080;\n    -moz-box-shadow: 0px 10px 20px #808080;\n    -khtml-box-shadow: 0px 10px 20px #808080; \n  }\n  \n  .mmd-menu:focus { outline: none; }\n  \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\n  .mmd-menu-item-icon {\n    color: #1e2029;\n    margin-left: auto;\n    align-items: center;\n    display: flex;\n    flex-shrink: 0;\n    display: none; \n  }\n\n  .mmd-menu-item {\n    padding-bottom: 8px;\n    padding-top: 8px;\n    padding-left: 1.25rem;\n    padding-right: 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\n  .mmd-menu-item.active {\n    background-color: #e1e0e5; \n  }\n\n  .mmd-menu-item.active .mmd-menu-item-icon {\n    display: flex; \n  }\n\n  .mmd-menu-item-container {\n    overflow: hidden; \n  }\n\n  .mmd-menu-item-title {\n    color: #1e2029;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    font-size: 14px;\n    line-height: 20px; \n  }\n\n  .mmd-menu-item-value {\n    color: #7d829c;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    font-size: 12px;\n    line-height: 16px; \n  }\n  \n  html[data-theme=\"dark\"] .mmd-menu-item-title {\n    color: #ebefe7;\n  } \n  html[data-theme=\"dark\"] .mmd-menu-item.active .mmd-menu-item-title {\n    color: #1e2029;\n  }\n  html[data-theme=\"dark\"] .mmd-menu {\n    background-color: #33363a;\n  }\n  \n  .mmd-context-menu-overlay{\n    background: rgba(0, 0, 0, 0.56);\n  }\n  ");
};
exports.menuStyle = menuStyle;
//# sourceMappingURL=styles.js.map