mediawiki-extensions-CodeMi.../resources/modules/ve-cm/ve.ui.CodeMirror.less
Ed Sanders 9520546e09 Add tool to VE toolbar automatically using 'utility' group
This removes the need for the init module.

Bug: T340751
Depends-On: Ibcc81c90bc9ba6c5fd012c512daf861973b03b2e
Change-Id: Iec3a4c6b00288aee376af47e778c4aa67a98d29b
2023-06-29 14:40:43 +00:00

109 lines
2.3 KiB
Plaintext

.ve-init-mw-desktopArticleTarget {
.CodeMirror {
height: auto;
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
pointer-events: none;
background: transparent;
// Core VE default padding
padding: 1.5em;
// Skin specific paddings
.skin-vector & {
/* stylelint-disable-next-line unit-disallowed-list */
padding: 0 1rem;
@media screen and ( min-width: 982px ) {
.skin-vector-legacy& {
/* stylelint-disable-next-line unit-disallowed-list */
padding: 0 1.5rem;
}
}
}
.skin-minerva &,
.skin-monobook & {
padding: 0;
}
}
.CodeMirror-lines,
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
padding: 0;
}
.CodeMirror-scroll {
margin-right: 0;
overflow: auto !important; /* stylelint-disable-line declaration-no-important */
}
.CodeMirror-sizer {
border-right: 0;
}
.CodeMirror-selected {
display: none;
}
.CodeMirror pre.cm-mw-section-1,
.CodeMirror pre.cm-mw-section-2 {
font-size: inherit;
line-height: inherit;
}
// Ensure surfaces are using identical font rules
.CodeMirror-code,
.CodeMirror-code *,
.ve-ui-mwWikitextSurface .ve-ce-paragraphNode {
// The following are already set by mw-editfont-monospace on the parent: font-size, font-family
line-height: 1.5em;
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
-webkit-font-variant-ligatures: contextual;
font-variant-ligatures: contextual;
// Monospace fonts can change width when bold
// stylelint-disable-next-line declaration-no-important
font-weight: normal !important;
// T252965
line-break: initial;
}
.CodeMirror-gutters {
background-color: transparent;
border-right: 0;
}
.CodeMirror-linenumber {
color: #72777d; /* @wmui-color-base30 */
padding-left: 0;
}
.CodeMirror-linenumber-padding {
// Create a 12px padding between the line numbers and content.
width: 8px;
}
}
.ve-ce-documentNode-codeEditor-hide {
opacity: 0.4;
&::selection,
& *::selection {
background: #6da9f7 !important; /* stylelint-disable-line declaration-no-important */
}
}
.ve-ce-documentNode-codeEditor-webkit-hide {
-webkit-text-fill-color: transparent;
}