mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-15 11:58:44 +00:00
47 lines
1.7 KiB
Plaintext
47 lines
1.7 KiB
Plaintext
/**
|
|
* ###IMPORTANT:##
|
|
* If editing this file, please also edit the respective file in the MinervaNeue skin.
|
|
* ####
|
|
*
|
|
* This file is a LESS @import match for "mediawiki.skin.variables.less"
|
|
* when Vector 2022 is the active skin.
|
|
* Please note, that legacy Vector is handled by
|
|
* "mediwiki.less.legacy/mediawiki.skin.variables.less".
|
|
*
|
|
* Please also note, that both current Wikimedia Design Style Guide based skins,
|
|
* Vector 2022 and Minerva Neue 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 variables:
|
|
|
|
// Fonts
|
|
// Assumes 16px as the default browser font-size.
|
|
@font-size-base: unit( 14 / 16, em ); // Equals `0.875em`.
|
|
|
|
// Body content uses the user setting in browser / the system default sans-serif font:
|
|
// Arial on Windows, Roboto on Android.
|
|
// FIXME: Use Codex's OS specific default sans-serif fonts.
|
|
@font-family-sans: @font-family-sans--fallback; // Codex: 'Helvetica Neue', 'Helvetica', 'Liberation Sans', 'Arial', sans-serif;
|
|
|
|
// Overrides for non-Codex variables:
|
|
|
|
// Colors
|
|
@color-link: @color-progressive;
|
|
@color-link--visited: #795cb2;
|
|
@color-link--active: #faa700;
|
|
// Link colors for a power user feature to highlight links to other projects.
|
|
// In Vector 2022 we unify these colors by default for simpler orientation by average users.
|
|
// It's still possible to overwrite the styles per user.
|
|
@color-link-external: @color-progressive;
|
|
@color-link-external--visited: #795cb2;
|
|
@color-link-external--active: #faa700;
|