open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

use standard CSS for a focused CodeMirror outline

Browse Source
This commit is contained in:
tophf 2020-10-11 12:25:31 +03:00
parent ba416082e4
commit 975b9e3f67
1 changed files with 1 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
edit/codemirror-default.css
View File

@ -15,8 +15,7 @@
-webkit-animation: highlight 3s cubic-bezier(.18, .02, 0, .94); -webkit-animation: highlight 3s cubic-bezier(.18, .02, 0, .94);
} }
.CodeMirror-focused { .CodeMirror-focused {
outline: -webkit-focus-ring-color auto 5px; outline: #7dadd9 auto 1px; /* not using the ring-color hack as it became ugly in new Chrome */
outline-offset: -2px;
} }
.CodeMirror-bookmark { .CodeMirror-bookmark {
background: linear-gradient(to right, currentColor, transparent); background: linear-gradient(to right, currentColor, transparent);
@ -24,13 +23,6 @@
width: 2em; width: 2em;
opacity: .5; opacity: .5;
} }
@supports (-moz-appearance:none) {
/* restrict to FF */
.CodeMirror-focused {
outline: #7dadd9 auto 1px;
outline-offset: -1px;
}
}
.CodeMirror-search-field { .CodeMirror-search-field {
width: 10em; width: 10em;
} }