9e487b03e5
* also apply live-preview if an unsaved style was disabled * use box-shadow instead of outline for focus everywhere * allow focus outline on click in text/search input or textarea * search inputs should use the same style as text inputs * also use box-shadow focus on delete buttons * remove URLSearchParams workaround, not needed since Chrome 55 * use `once` in addEventListener, available since Chrome 55 * update USO bug workarounds, remove obsolete ones * ping/pong to fix openURL with `message` in FF * use unprefixed CSS filter, available since Chrome 53 * use unprefixed CSS user-select, available since Chrome 54 * focus tweaks * also use text query in inline search for Stylus category * use event.key, available since Chrome 51 Co-authored-by: narcolepticinsomniac
80 lines
1.6 KiB
CSS
80 lines
1.6 KiB
CSS
.CodeMirror-hints {
|
|
z-index: 999;
|
|
}
|
|
.CodeMirror-hint:hover {
|
|
color: white;
|
|
background: #08f;
|
|
}
|
|
.CodeMirror {
|
|
border: solid #CCC 1px;
|
|
transition: box-shadow .1s;
|
|
}
|
|
#stylus#stylus .CodeMirror {
|
|
/* Using a specificity hack to override userstyles */
|
|
/* Not using the ring-color hack as it became ugly in new Chrome */
|
|
outline: none !important;
|
|
}
|
|
.CodeMirror-lint-mark-warning {
|
|
background: none;
|
|
}
|
|
.CodeMirror-dialog {
|
|
-webkit-animation: highlight 3s cubic-bezier(.18, .02, 0, .94);
|
|
}
|
|
.CodeMirror-bookmark {
|
|
background: linear-gradient(to right, currentColor, transparent);
|
|
position: absolute;
|
|
width: 2em;
|
|
opacity: .5;
|
|
}
|
|
.CodeMirror-search-field {
|
|
width: 10em;
|
|
}
|
|
.CodeMirror-jump-field {
|
|
width: 5em;
|
|
}
|
|
.CodeMirror-search-hint {
|
|
color: #888;
|
|
}
|
|
.cm-uso-variable {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.CodeMirror-activeline .applies-to:before {
|
|
background-color: hsla(214, 100%, 90%, 0.15);
|
|
content: "";
|
|
top: 1em;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 1em;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.CodeMirror-activeline .applies-to ul {
|
|
z-index: 2;
|
|
}
|
|
|
|
.CodeMirror-foldgutter-open::after,
|
|
.CodeMirror-foldgutter-folded::after {
|
|
top: 5px;
|
|
width: 0;
|
|
height: 0;
|
|
content: "";
|
|
position: absolute;
|
|
border-style: solid;
|
|
opacity: .5;
|
|
left: 1px;
|
|
}
|
|
|
|
.CodeMirror-foldgutter-open::after {
|
|
border-width: 5px 3px 0 3px;
|
|
border-color: currentColor transparent transparent transparent;
|
|
}
|
|
|
|
.CodeMirror-foldgutter-folded::after {
|
|
margin-top: -2px;
|
|
margin-left: 1px;
|
|
border-width: 4px 0 4px 5px;
|
|
border-color: transparent transparent transparent currentColor;
|
|
}
|