mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-16 10:50:52 +00:00
Merge "Complete transition to Codex color palettes"
This commit is contained in:
commit
3a98957d5a
|
@ -33,11 +33,11 @@
|
|||
* These variables don't correspond to Codex variables.
|
||||
* TODO: Determine whether any of these are actually used in practice.
|
||||
**/
|
||||
@color-link: var( --color-progressive );
|
||||
@color-link--visited: var( --color-visited);
|
||||
@color-link--active: var(--color-progressive--active);
|
||||
@color-link-new: var(--color-link-red);
|
||||
@color-link-new--visited: var(--color-link-red--visited);
|
||||
@color-link-external: var( --color-progressive );
|
||||
@color-link-external--visited: var( --color-visited );
|
||||
@color-link-external--active: var(--color-progressive--active);
|
||||
@color-link: @color-progressive;
|
||||
@color-link--visited: @color-visited;
|
||||
@color-link--active: @color-progressive--active;
|
||||
@color-link-new: @color-link-red;
|
||||
@color-link-new--visited: @color-link-red--visited;
|
||||
@color-link-external: @color-progressive;
|
||||
@color-link-external--visited: @color-visited;
|
||||
@color-link-external--active: @color-progressive--active;
|
||||
|
|
|
@ -23,7 +23,7 @@
|
|||
&.new a:visited,
|
||||
&.new a:hover,
|
||||
&.new a:active {
|
||||
color: var( --color-link-red );
|
||||
color: @color-link-new;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
|
|
|
@ -22,9 +22,10 @@
|
|||
|
||||
// :extend merges this :root selector into the one provided by theme-codex-wikimedia-experimental.less.
|
||||
:root:extend( :root ) {
|
||||
// <T361717>FIXME: These can be removed when T361717 is resolved.
|
||||
--minerva-diff-addedline: @color-success;
|
||||
--minerva-diff-deletedline: @color-destructive;
|
||||
--box-shadow-color-drawer: rgba( 0, 0, 0, 0.35 );
|
||||
// </T361717>
|
||||
}
|
||||
|
||||
/**
|
||||
|
@ -33,18 +34,10 @@
|
|||
*/
|
||||
.mixin-night-mode-palette() {
|
||||
.cdx-mode-dark();
|
||||
/* These either do not exist in Codex or might be identical to the light mode
|
||||
theme. If the latter we can remove . */
|
||||
--color-link: #6e85d8;
|
||||
--color-link-red: #e45d52;
|
||||
--color-link-red--visited: #b97876;
|
||||
--color-link-external: #6e85d8;
|
||||
--color-link-external--visited: #b97876;
|
||||
--color-link-external--active: #2a4b8d;
|
||||
--color-link--visited: #977dbd;
|
||||
--box-shadow-color-drawer: #000;
|
||||
// <T361717>FIXME: These can be removed when T361717 is resolved.
|
||||
--minerva-diff-deletedline: #886525;
|
||||
--minerva-diff-addedline: #36c;
|
||||
// </T361717>
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
@ -49,7 +49,7 @@
|
|||
|
||||
#main-menu-input:checked ~ #mw-mf-page-left {
|
||||
visibility: visible;
|
||||
box-shadow: 1px 0 8px 0 var( --box-shadow-color-drawer );
|
||||
box-shadow: 1px 0 8px 0 @box-shadow-color-base;
|
||||
transform: translate( 0, 0 );
|
||||
}
|
||||
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
display: block;
|
||||
width: auto;
|
||||
right: 0;
|
||||
box-shadow: -5px 0 0 0 var( --box-shadow-color-drawer );
|
||||
box-shadow: -5px 0 0 0 @box-shadow-color-base;
|
||||
transform: translate( 100%, 0 );
|
||||
transition: transform @transition-duration-medium @transition-timing-function-menu;
|
||||
|
||||
|
|
|
@ -36,7 +36,7 @@
|
|||
.toast,
|
||||
.drawer {
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 -1px 8px 0 var( --box-shadow-color-drawer );
|
||||
box-shadow: 0 -1px 8px 0 @box-shadow-color-base;
|
||||
word-wrap: break-word;
|
||||
// don't use visibility: hidden in old browsers that don't support animations
|
||||
display: none;
|
||||
|
|
Loading…
Reference in a new issue