mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-16 10:50:52 +00:00
94ae5c67e9
Codex v1.3.6 split the -experimental.less file into -experimental.less
and -experimental.css. The former only contains the Less variables, and
the latter contains the :root {} block with CSS variables. Both files
were also renamed. Update our imports accordingly, so that we import the
right things in the right place.
Bug: T360577
Depends-On: I12813bf0db89b72aa8f2a28ccccb3477e4361ac8
Change-Id: I0b2671cb42476eb264033fd7b15e038e74046602
44 lines
1.6 KiB
Plaintext
44 lines
1.6 KiB
Plaintext
/**
|
|
* ###IMPORTANT:##
|
|
* If editing this file, please also edit the respective file in the Vector skin.
|
|
* ####
|
|
*
|
|
* This file is a LESS @import match for 'mediawiki.skin.variables.less'
|
|
* when MinervaNeue is the active skin.
|
|
*
|
|
* Please also note, that both current Wikimedia Design Style Guide based skins,
|
|
* MinervaNeue and Vector 2022 are using the same variable values respectively in their
|
|
* repositories.
|
|
*/
|
|
@import 'mediawiki.skin.defaults.less';
|
|
|
|
/**
|
|
* Codex experiment design tokens. This imports Less variables, some of which refer to CSS variables.
|
|
* The CSS variable values are imported in CSSCustomProperties.less.
|
|
*/
|
|
@import 'mediawiki.skin.codex-design-tokens/theme-codex-wikimedia-experimental.less';
|
|
|
|
// Overrides for Codex tokens:
|
|
|
|
@font-size-base: 1em; // Codex: 16px
|
|
|
|
// == Typography ==
|
|
// Body content uses the user setting in browser / the system default sans-serif font:
|
|
// Arial on Windows, Roboto on Android.
|
|
// FIXME: Use WikimediaUI Base's OS specific default sans-serif fonts.
|
|
@font-family-sans: @font-family-sans--fallback;
|
|
|
|
/**
|
|
* == Non-standard variable names ==
|
|
* 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);
|