1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70
|
textarea.editor {
opacity: 0;
}
.CodeMirror {
height: auto;
padding: 0 1em;
margin-top: 1em;
border-left: 2px solid #e1e1e1;
font-size: 1em;
line-height: normal;
}
.CodeMirror-cursors,
.CodeMirror pre {
z-index: 1 !important;
}
.CodeMirror-selected,
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
background: rgba(248, 162, 0, 0.5) !important;
}
@keyframes text-flash {
0% {
background: rgba(248, 162, 0, 0);
color: black;
}
40% {
background: rgba(248, 162, 0, 1);
color: black,
}
100% {
background: rgba(248, 162, 0, 0);
color: black;
}
}
.CodeMirror .text-flash {
animation: text-flash .35s ease-in;
}
/* syntax hightlighting */
.cm-s-default .cm-keyword { color: #0000e6; font-weight: bold; }
.cm-s-default .cm-built-in { color: #3333bf; }
.cm-s-default .cm-number { color: #980099; }
.cm-s-default .cm-symbol { color: #007300; }
.cm-s-default .cm-class { color: #0000d2; }
.cm-s-default .cm-primitive { color: #0000d2; }
.cm-s-default .cm-char { color: #007300; }
.cm-s-default .cm-env-var { color: #8c4614; }
.cm-s-default .cm-comment { color: #bf0000; }
.cm-s-default .cm-string { color: #5f5f5f; }
.cm-s-default .cm-text { color: #000000; }
@media print {
.cm-s-default .cm-keyword { color: #0000e6; font-weight: bold; }
.cm-s-default .cm-built-in { color: #3333bf; font-weight: bold; }
.cm-s-default .cm-number { color: #980099; }
.cm-s-default .cm-symbol { color: #007300; }
.cm-s-default .cm-class { color: #0000d2; font-weight: bold; }
.cm-s-default .cm-primitive { color: #0000d2; }
.cm-s-default .cm-char { color: #007300; }
.cm-s-default .cm-env-var { color: #8c4614; }
.cm-s-default .cm-comment { color: #bf0000; font-style: italic; }
.cm-s-default .cm-string { color: #5f5f5f; }
.cm-s-default .cm-text { color: #000000; }
}
|