wikimedia/mediawiki-extensions-Cite
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/Cite synced 2024-11-23 22:45:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Start using design tokens in .less files relevant for VE

Browse source 
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
This commit is contained in:
thiemowmde 2024-07-19 17:45:17 +02:00
parent f1bd3175fd
commit aa6a5c3bf2
3 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
modules/ve-cite/ve.ce.MWReferencesListNode.less
View file

@ -5,6 +5,8 @@
* @license MIT * @license MIT
*/ */
@import 'mediawiki.skin.variables.less';
.ve-ce-mwReferencesListNode { .ve-ce-mwReferencesListNode {
// Remove the styling of the preview wrapper, and any // Remove the styling of the preview wrapper, and any
// generated paragraph wrappers // generated paragraph wrappers
@ -19,7 +21,7 @@
} }
&-muted { &-muted {
color: #72777d; color: @color-subtle;
font-style: italic; font-style: italic;
} }

4
modules/ve-cite/ve.ui.MWReferenceContextItem.less
View file

@ -5,9 +5,11 @@
* @license MIT * @license MIT
*/ */
@import 'mediawiki.skin.variables.less';
.ve-ui-mwReferenceContextItem { .ve-ui-mwReferenceContextItem {
&-muted { &-muted {
color: #72777d; color: @color-subtle;
font-style: italic; font-style: italic;
line-height: 1.5; line-height: 1.5;
} }

4
modules/ve-cite/ve.ui.MWReferenceResultWidget.less
View file

@ -5,10 +5,12 @@
* @license MIT * @license MIT
*/ */
@import 'mediawiki.skin.variables.less';
.ve-ui-mwReferenceResultWidget { .ve-ui-mwReferenceResultWidget {
position: relative; position: relative;
padding: 1em; padding: 1em;
border-bottom: 1px solid #eaecf0; border-bottom: @border-width-base @border-style-base @border-color-muted;
&:last-child { &:last-child {
border-bottom: 0; border-bottom: 0;