3
3
/* Set height, width, borders, and global font properties here */
4
4
font-family : monospace;
5
5
height : 300px ;
6
- color : black; }
6
+ color : black;
7
+ direction : ltr; }
7
8
8
9
/* PADDING */
9
10
.CodeMirror-lines {
49
50
50
51
.cm-fat-cursor .CodeMirror-cursor {
51
52
width : auto;
52
- border : 0 ;
53
+ border : 0 !important ;
53
54
background : # 7e7 ; }
54
55
55
56
.cm-fat-cursor div .CodeMirror-cursors {
56
57
z-index : 1 ; }
57
58
59
+ .cm-fat-cursor-mark {
60
+ background-color : rgba (20 , 255 , 20 , 0.5 );
61
+ -webkit-animation : blink 1.06s steps (1 ) infinite;
62
+ -moz-animation : blink 1.06s steps (1 ) infinite;
63
+ animation : blink 1.06s steps (1 ) infinite; }
64
+
58
65
.cm-animate-fat-cursor {
59
66
width : auto;
60
67
border : 0 ;
86
93
display : inline-block;
87
94
text-decoration : inherit; }
88
95
96
+ .CodeMirror-rulers {
97
+ position : absolute;
98
+ left : 0 ;
99
+ right : 0 ;
100
+ top : -50px ;
101
+ bottom : -20px ;
102
+ overflow : hidden; }
103
+
89
104
.CodeMirror-ruler {
90
105
border-left : 1px solid # ccc ;
106
+ top : 0 ;
107
+ bottom : 0 ;
91
108
position : absolute; }
92
109
93
110
/* DEFAULT THEME */
130
147
.cm-s-default .cm-variable-2 {
131
148
color : # 05a ; }
132
149
133
- .cm-s-default .cm-variable-3 {
150
+ .cm-s-default .cm-variable-3 , . cm-s-default . cm-type {
134
151
color : # 085 ; }
135
152
136
153
.cm-s-default .cm-comment {
177
194
178
195
/* Default styles for common addons */
179
196
div .CodeMirror span .CodeMirror-matchingbracket {
180
- color : # 0f0 ; }
197
+ color : # 0b0 ; }
181
198
182
199
div .CodeMirror span .CodeMirror-nonmatchingbracket {
183
- color : # f22 ; }
200
+ color : # a22 ; }
184
201
185
202
.CodeMirror-matchingtag {
186
203
background : rgba (255 , 150 , 0 , 0.3 ); }
@@ -245,16 +262,15 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
245
262
position : absolute;
246
263
left : 0 ;
247
264
top : 0 ;
265
+ min-height : 100% ;
248
266
z-index : 3 ; }
249
267
250
268
.CodeMirror-gutter {
251
269
white-space : normal;
252
270
height : 100% ;
253
271
display : inline-block;
254
- margin-bottom : -30px ;
255
- /* Hack to make IE7 behave */
256
- * zoom : 1 ;
257
- * display : inline; }
272
+ vertical-align : top;
273
+ margin-bottom : -30px ; }
258
274
259
275
.CodeMirror-gutter-wrapper {
260
276
position : absolute;
@@ -273,10 +289,11 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
273
289
cursor : default;
274
290
z-index : 4 ; }
275
291
276
- .CodeMirror-gutter-wrapper {
277
- -webkit-user-select : none;
278
- -moz-user-select : none;
279
- user-select : none; }
292
+ .CodeMirror-gutter-wrapper ::selection {
293
+ background-color : transparent; }
294
+
295
+ .CodeMirror-gutter-wrapper ::-moz-selection {
296
+ background-color : transparent; }
280
297
281
298
.CodeMirror-lines {
282
299
cursor : text;
@@ -300,7 +317,9 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
300
317
z-index : 2 ;
301
318
position : relative;
302
319
overflow : visible;
303
- -webkit-tap-highlight-color : transparent; }
320
+ -webkit-tap-highlight-color : transparent;
321
+ -webkit-font-variant-ligatures : contextual;
322
+ font-variant-ligatures : contextual; }
304
323
305
324
.CodeMirror-wrap pre {
306
325
word-wrap : break-word;
@@ -318,7 +337,11 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
318
337
.CodeMirror-linewidget {
319
338
position : relative;
320
339
z-index : 2 ;
321
- overflow : auto; }
340
+ padding : 0.1px ;
341
+ /* Force widget margins to stay inside of the container */ }
342
+
343
+ .CodeMirror-rtl pre {
344
+ direction : rtl; }
322
345
323
346
.CodeMirror-code {
324
347
outline : none; }
@@ -340,7 +363,8 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
340
363
visibility : hidden; }
341
364
342
365
.CodeMirror-cursor {
343
- position : absolute; }
366
+ position : absolute;
367
+ pointer-events : none; }
344
368
345
369
.CodeMirror-measure pre {
346
370
position : static; }
@@ -372,12 +396,8 @@ div.CodeMirror-dragcursors {
372
396
background : # d7d4f0 ; }
373
397
374
398
.cm-searching {
375
- background : # ffa ;
376
- background : rgba (255 , 255 , 0 , 0.4 ); }
377
-
378
- /* IE7 hack to prevent it from returning funny offsetTops on the spans */
379
- .CodeMirror span {
380
- * vertical-align : text-bottom; }
399
+ background-color : # ffa ;
400
+ background-color : rgba (255 , 255 , 0 , 0.4 ); }
381
401
382
402
/* Used to force a border model for a node */
383
403
.cm-force-border {
0 commit comments