mediawiki-extensions-Cite/modules/ve-cite/ve.ce.MWReferencesListNode.less
thiemowmde aa6a5c3bf2 Start using design tokens in .less files relevant for VE
Note this actually changes the "subtle" color to be darker. As far
as I understand this is an intentional decision. The old color token
from OOUI is deprecated and intentionally made darker in Codex.
See Ie667c35 and most notably T313502.

Change-Id: I37ad25aa6821d61fe3321e1390d1ccf987075250
2024-07-19 17:45:17 +02:00

58 lines
1.1 KiB
Plaintext

/*!
* VisualEditor ContentEditable MediaWiki MWReferencesListNode styles.
*
* @copyright 2011-2018 VisualEditor Team's Cite sub-team and others; see AUTHORS.txt
* @license MIT
*/
@import 'mediawiki.skin.variables.less';
.ve-ce-mwReferencesListNode {
// Remove the styling of the preview wrapper, and any
// generated paragraph wrappers
.ve-ui-previewElement,
.ve-ce-generated-wrapper {
display: inline;
// Disable mixin-clearfix applied by .mw-body-content (T337415)
&::after {
display: none;
}
}
&-muted {
color: @color-subtle;
font-style: italic;
}
.mw-references > li {
&:hover {
cursor: pointer;
background: fade( #6da9f7, 15% );
}
> * {
pointer-events: none;
}
}
.mw-references li::marker {
content: var( --footnote-number ) ' ';
}
&-missingRef {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
&-highlight {
.ve-ce-surface-highlights-focused & {
background: transparent;
pointer-events: none;
box-shadow: inset 0 0 0 1px #4c76ac, 0 0 0 2px #4c76ac;
}
}
}