mediawiki-skins-MinervaNeue/resources/mediawiki.less/mediawiki.skin.variables.less
Eric Gardner 3e32517f45 Update Minerva to get Codex CSS vars from default files
As of Codex 1.5.0, all files relating to the "experimental"
build have been removed. Instead, the default Codex design tokens
refer to CSS variables for color-related values, and new files
like theme-wikimedia-ui-root.css have been provided as part of the
new distribution.

Bug: T363006
Change-Id: I1a3c5194013f8f4523098458db45ce867fdfd8c9
Depends-On: I1f54bf4f144eaec6ed317c04bd0c851c2f01b42c
2024-05-01 00:00:42 +00:00

44 lines
1.5 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 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-wikimedia-ui.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: @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;