UNPKG

mobile-dev-environment

Version:

Stuck in a browser with primitive dev features? Include this in your web app for a basic set of useful features.

2 lines 2.8 kB
#mde-controlbar{background:#fff;box-shadow:0 0 1px 1px rgba(0,0,0,.1);position:fixed;top:10px;left:10px;z-index:1;border:thin solid #6e6e6e}#mde-controlbar.mde-controlbar-tr{right:10px;left:auto}#mde-controlbar>button{padding:4px 8px;background:transparent;outline:0;border:none;cursor:pointer}#mde-controlbar>button svg{height:15px;width:15px;vertical-align:top;fill:#6e6e6e}#mde-controlbar>button:hover svg{fill:#323232}#mde-controlbar>button.active svg{fill:#000}#mde-logtray{display:none}#mde-logtray.active{background:#ffe39f;bottom:0;display:inline-block;font-size:12px;left:0;position:fixed;right:0}#mde-logtray-resize-bar{position:absolute;background:#fff;padding:0;cursor:ns-resize;border:1px solid #6c6c6c;border-left:none;border-right:none;font-size:8px;width:100%;line-height:9px;outline:0;letter-spacing:10px;text-indent:5px}#mde-logtray #mde-logs{bottom:0;font-family:monospace;left:0;overflow-y:scroll;position:absolute;right:0;top:10px}#mde-logtray #mde-logs .mde-log{border-bottom:thin solid rgba(0,0,0,.2);line-height:17px;display:flex;flex-wrap:wrap;align-items:flex-start}#mde-logtray #mde-logs .mde-log:not(.open):hover{background:rgba(0,0,0,.01)}#mde-logtray #mde-logs .mde-log:before{content:">";padding:8px 0;margin-left:8px;font-weight:700}#mde-logtray #mde-logs .mde-log-type-error .mde-log-message-single{color:red}#mde-logtray #mde-logs .mde-log-type-null .mde-log-message-single,#mde-logtray #mde-logs .mde-log-type-undefined .mde-log-message-single{color:#787878}#mde-logtray #mde-logs .mde-log-type-boolean .mde-log-message-single,#mde-logtray #mde-logs .mde-log-type-number .mde-log-message-single{color:blue}#mde-logtray #mde-logs .mde-log-type-htmlcollection .mde-log-message-single,#mde-logtray #mde-logs .mde-log-type-object .mde-log-message-single{font-style:italic}#mde-logtray #mde-logs .mde-log .mde-log-amount{background-color:rgba(139,69,19,.25);border:thin solid rgba(45,45,45,.8);font-size:80%;font-weight:700;line-height:14px;padding:1px 3px 0;border-radius:4px;margin:8px 0 8px 8px}#mde-logtray #mde-logs .mde-log .mde-log-amount:empty{display:none}#mde-logtray #mde-logs .mde-log .mde-log-message-single{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:8px 0;margin-left:8px}#mde-logtray #mde-logs .mde-log .mde-log-trace,#mde-logtray #mde-logs .mde-log .mde-log-trace:visited{margin-left:8px;color:#2d2d2d;text-decoration:underline;padding:8px 8px 8px 0}#mde-logtray #mde-logs .mde-log .mde-log-message-full{display:none;background:rgba(139,69,19,.25);box-shadow:inset 1px 1px 1px rgba(0,0,0,.2);flex:100%;margin:0 -8px;padding:4px 16px}#mde-logtray #mde-logs .mde-log-open .mde-log-message-single{font-weight:700}#mde-logtray #mde-logs .mde-log-open .mde-log-message-full{display:block} /*# sourceMappingURL=mde.min.css.map*/