/
editor.scss
119 lines (99 loc) · 2.39 KB
/
editor.scss
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
/*
THE CSS FILE IS GENERATED AUTOMATICALLY.
ONLY MODIFY THE SCSS FILE AND GENEREATE THE
CSS FILE OUT OF THIS, SEE themes/README.md
*/
textarea.editor {
opacity: 0;
}
.CodeMirror {
height: auto !important;
padding: 0 1em;
margin-top: 1em;
border-left: 2px solid $cm-border-color;
font-size: 1em;
line-height: normal;
background-color: $background-color;
}
.CodeMirror-cursors,
.CodeMirror pre {
z-index: 1 !important;
}
.CodeMirror-selected,
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
background: transparentize($cm-selection-color, 0.5) !important;
}
@keyframes text-flash {
0% {
background: transparentize($cm-selection-color, 0);
color: $primary-color;
}
40% {
background: transparentize($cm-selection-color, 1);
color: $primary-color;
}
100% {
background: transparentize($cm-selection-color, 0);
color: $primary-color;
}
}
.CodeMirror {
.text-flash {
animation: text-flash .35s ease-in;
}
}
/* syntax hightlighting */
.cm-s-default {
.cm-keyword {
color: $cm-keyword-color;
font-weight: bold;
}
.cm-built-in {
color: $cm-built-in-color;
}
.cm-number {
color: $cm-number-color;
}
.cm-symbol {
color: $cm-symbol-color;
}
.cm-class {
color: $cm-class-color;
}
.cm-primitive {
color: $cm-primitive-color;
}
.cm-char {
color: $cm-char-color;
}
.cm-env-var {
color: $cm-env-var-color;
}
.cm-comment {
color: $cm-comment-color;
}
.cm-string {
color: $cm-string-color;
}
.cm-text {
color: $cm-text-color;
}
}
@media print {
// for print we keep the default colors
.cm-s-default {
.cm-keyword { color: #0000e6; font-weight: bold; }
.cm-built-in { color: #3333bf; font-weight: bold; }
.cm-s-default .cm-symbol { color: #007300; }
.cm-s-default .cm-number { color: #980099; }
.cm-class { color: #0000d2; font-weight: bold; }
.cm-primitive { color: #0000d2; }
.cm-char { color: #007300; }
.cm-env-var { color: #8c4614; }
.cm-comment { color: #bf0000; font-style: italic; }
.cm-string { color: #5f5f5f; }
.cm-text { color: #000000; }
}
}