mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-15 10:35:48 +00:00
d44bb0bc1b
Removing `0.8em` VE special base `font-size` for UI as we're unifying OOUI interfaces to `14px` equals to `0.875em` at user agent default size. Bug: T97631 Depends-on: I693d168d2ccf2babbcfe8952af3e1c262aa97773 Change-Id: I84edeec38ecfb90f5d53199f3b26fc3f83ab0611
102 lines
2.1 KiB
Plaintext
102 lines
2.1 KiB
Plaintext
/*!
|
|
* VisualEditor MediaWiki Initialization DiffPage styles.
|
|
*
|
|
* @copyright 2011-2018 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/* stylelint-disable no-descending-specificity */
|
|
|
|
@import 'mediawiki.mixins';
|
|
|
|
.ve-init-mw-diffPage-diff:after {
|
|
content: '';
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
|
|
.ve-init-mw-diffPage-diffMode {
|
|
text-align: right;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.client-nojs .ve-init-mw-diffPage-diffMode {
|
|
display: none;
|
|
}
|
|
|
|
.ve-init-mw-diffPage-loading {
|
|
clear: both;
|
|
margin: 4em auto;
|
|
}
|
|
|
|
.ve-init-mw-diffPage-revSlider-visual {
|
|
|
|
.mw-revslider-pointer-line,
|
|
.mw-revslider-revision-border-box {
|
|
display: none !important; /* stylelint-disable-line declaration-no-important */
|
|
}
|
|
|
|
@new: #39b79c;
|
|
@old: #d73c34;
|
|
|
|
.mw-revslider-revision-hovered {
|
|
&.mw-revslider-revision-wrapper-up .mw-revslider-pointer-ghost {
|
|
background-color: lighten( @new, 30% );
|
|
border-color: @new;
|
|
}
|
|
|
|
&.mw-revslider-revision-wrapper-down .mw-revslider-pointer-ghost {
|
|
background-color: lighten( @old, 30% );
|
|
border-color: @old;
|
|
}
|
|
}
|
|
|
|
.mw-revslider-revision-wrapper-hovered .mw-revslider-revision-hovered {
|
|
&.mw-revslider-revision-wrapper-up {
|
|
background-color: fade( @new, 30% );
|
|
}
|
|
&.mw-revslider-revision-wrapper-down {
|
|
background-color: fade( @old, 30% );
|
|
}
|
|
}
|
|
|
|
.mw-revslider-pointer {
|
|
&.mw-revslider-pointer-newer {
|
|
border-color: @new;
|
|
.vertical-gradient( lighten( @new, 30% ), @new );
|
|
|
|
&:hover {
|
|
.vertical-gradient( lighten( @new, 40% ), @new );
|
|
}
|
|
}
|
|
|
|
&.mw-revslider-pointer-older {
|
|
border-color: @old;
|
|
.vertical-gradient( lighten( @old, 30% ), @old );
|
|
|
|
&:hover {
|
|
.vertical-gradient( lighten( @old, 40% ), @old );
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-revslider-pointer-container-newer {
|
|
.mw-revslider-slider-line {
|
|
border-bottom-color: fade( @new, 50% );
|
|
}
|
|
&:hover .mw-revslider-slider-line {
|
|
border-bottom-color: fade( @new, 80% );
|
|
}
|
|
}
|
|
|
|
.mw-revslider-pointer-container-older {
|
|
.mw-revslider-slider-line {
|
|
border-top-color: fade( @old, 50% );
|
|
}
|
|
&:hover .mw-revslider-slider-line {
|
|
border-top-color: fade( @old, 80% );
|
|
}
|
|
}
|
|
|
|
}
|