Initial commit: WordPress wp-content (themes, plugins, languages)
- Theme: momentry (custom theme with REST API routes) - Plugins: code-snippets (contains all API proxies) - Languages: zh_TW translations - Excludes: cache, backups, uploads, logs
This commit is contained in:
109
plugins/code-snippets/css/common/_codemirror.scss
Normal file
109
plugins/code-snippets/css/common/_codemirror.scss
Normal file
@@ -0,0 +1,109 @@
|
||||
.CodeMirror {
|
||||
border: 1px solid #dfdfdf;
|
||||
border-radius: 3px;
|
||||
block-size: auto !important;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.CodeMirror-code {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.CodeMirror-focused .cm-matchhighlight {
|
||||
color: white !important;
|
||||
outline: 1px solid green;
|
||||
}
|
||||
|
||||
/* Add a bit of extra space above the editor */
|
||||
.CodeMirror-sizer {
|
||||
&::before, &::after {
|
||||
display: block;
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
padding-block-end: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Fix cursor color with rubyblue theme (see https://goo.gl/3HDgRm */
|
||||
.cm-s-rubyblue .CodeMirror-cursor {
|
||||
border-inline-start: 1px solid white !important;
|
||||
}
|
||||
|
||||
[class*='CodeMirror-lint-marker'], [class*='CodeMirror-lint-message'], .CodeMirror-lint-marker-multiple {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.CodeMirror-lint-marker-multiple {
|
||||
position: absolute;
|
||||
inset-block-start: 0;
|
||||
}
|
||||
|
||||
[class*='CodeMirror-lint-marker']::before {
|
||||
font: normal 18px/1 dashicons;
|
||||
position: relative;
|
||||
inset-block-start: -2px;
|
||||
}
|
||||
|
||||
[class*='CodeMirror-lint-message']::before {
|
||||
font: normal 16px/1 dashicons;
|
||||
position: absolute;
|
||||
inset-inline-start: 16px;
|
||||
}
|
||||
|
||||
.CodeMirror-lint-message-error,
|
||||
.CodeMirror-lint-message-warning {
|
||||
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
|
||||
margin-block: 5px 2px;
|
||||
padding-block: 3px;
|
||||
margin-inline: 0;
|
||||
padding-inline: 28px 12px;
|
||||
}
|
||||
|
||||
.CodeMirror-lint-message-warning {
|
||||
background-color: #fff8e5;
|
||||
border-inline-start: 4px solid #ffb900;
|
||||
}
|
||||
|
||||
.CodeMirror-lint-marker-warning::before, .CodeMirror-lint-message-warning::before {
|
||||
content: '\f534';
|
||||
color: #f6a306;
|
||||
}
|
||||
|
||||
.CodeMirror-lint-message-error {
|
||||
background-color: #fbeaea;
|
||||
border-inline-start: 4px solid #dc3232;
|
||||
}
|
||||
|
||||
.CodeMirror-lint-marker-error::before, .CodeMirror-lint-message-error::before {
|
||||
content: '\f153';
|
||||
color: #dc3232;
|
||||
}
|
||||
|
||||
.CodeMirror-lint-tooltip {
|
||||
background: none;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.CodeMirror .CodeMirror-matchingbracket {
|
||||
background: rgb(255 150 0 / 30%);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.CodeMirror .CodeMirror-linenumber {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.CodeMirror-foldmarker {
|
||||
color: inherit;
|
||||
margin-inline: 0.25em;
|
||||
font-weight: bold;
|
||||
}
|
||||
Reference in New Issue
Block a user