Something went wrong. Try again.
fork of mathquill to add matrix support. used in cartesium
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160.mq-editable-field { .inline-block; .mq-cursor { border-left: 1px solid currentColor; margin-left: -1px; position: relative; z-index: 1; padding: 0; .inline-block;
&.mq-blink { visibility: hidden; } } // This is a workaround to override the // styles on .mq-math-mode *. // TODO: figure out a better way. &, .mq-math-mode & { border: 1px solid gray;
&.mq-focused { .box-shadow(~'#8bd 0 0 1px 2px, inset #6ae 0 0 2px 0'); border-color: #709ac0; } } // special styles for editables within static math .mq-math-mode & { margin: 1px; }
//// // command input with \ .mq-latex-command-input { color: inherit; font-family: @mono; border: 1px solid gray; padding-right: 1px; margin-right: 1px; margin-left: 2px;
&.mq-empty { background: transparent; }
// TODO: dasherize has-cursor &.mq-hasCursor { border-color: ActiveBorder; } }}
// Keeps blocks from collapsing to zero width/height// when empty by inserting invisible text.// TODO: find a way to unify the three concepts below..mq-editable-field.mq-empty:after,.mq-editable-field.mq-text-mode:after,.mq-math-mode .mq-empty:after { visibility: hidden; content: 'c';}
// separated from above because unrecognized pseudoclasses// invalidate the entire selector.mq-editable-field .mq-cursor:only-child:after,.mq-editable-field .mq-textarea + .mq-cursor:last-child:after { visibility: hidden; content: 'c';}
.mq-editable-field .mq-text-mode .mq-cursor:only-child:after { content: '';}
.mq-editable-field.mq-text-mode { overflow-x: auto;
// so IE8 won't show a vertical scrollbar overflow-y: hidden;}
// The resize dot is portaled out of the aria-hidden math tree and its clipping// ancestors. The transparent target keeps the visible blue disc compact..mq-matrix-resize-control { position: fixed; z-index: 10000; box-sizing: border-box; width: 24px; height: 24px; transform: translate(-50%, -50%); pointer-events: none;}
.mq-matrix-resize-handle { position: absolute; inset: 0; box-sizing: border-box; display: block; width: 24px; height: 24px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; touch-action: none; cursor: nwse-resize; pointer-events: auto;}
.mq-matrix-resize-control:before,.mq-matrix-resize-control:after { position: absolute; top: 50%; left: 50%; display: block; border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none; content: '';}
.mq-matrix-resize-control:before { width: 16px; height: 16px; background: rgba(70, 139, 235, 0.26);}
.mq-matrix-resize-control:after { width: 8px; height: 8px; background: #3478dc; box-shadow: 0 0 0 1px rgba(30, 92, 185, 0.2);}
.mq-matrix-resize-handle:focus-visible { outline: 2px solid #82b6ff; outline-offset: 1px;}
.mq-matrix-resize-label { position: absolute; top: 19px; left: 50%; display: none; padding: 2px 5px; border: 1px solid #b8d5ff; border-radius: 3px; background: #e8f2ff; color: #111; font: 12px/1.25 sans-serif; white-space: nowrap; transform: translateX(-50%); pointer-events: none;}
.mq-matrix-resize-control.mq-matrix-resize-show-label .mq-matrix-resize-label { display: block;}