mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-15 19:59:35 +00:00
484077de01
Increasing the distance of the button slightly changes the position from end, putting the icon in a more appropriate place (harmonized whitespace of input value and icon). Also simplifying `font-size` calculations readability and equalling their values in search input and button. Bug: T225331 Change-Id: I57f7efc61f3b770d7470d820402e2ea533364238
51 lines
1.6 KiB
Plaintext
51 lines
1.6 KiB
Plaintext
@import 'mediawiki.ui/variables';
|
|
|
|
@font-size-root: 100%;
|
|
@font-size-browser: 16; // Assumed browser default of `16px`
|
|
|
|
@font-family-serif: 'Linux Libertine', 'Georgia', 'Times', serif;
|
|
@font-family-sans-serif: sans-serif;
|
|
|
|
// Page content
|
|
// FIXME: Use global variable since Echo and CentralNotice use this variable
|
|
@content-border-color: #a7d7f9;
|
|
// FIXME: Find an open font that works with this stack and is readable by Windows users
|
|
@content-font-family: @font-family-sans-serif;
|
|
@content-font-color: #222;
|
|
@content-font-size: 0.875em;
|
|
@pureBlack: #000;
|
|
@content-line-height: 1.6;
|
|
@content-padding: 1em;
|
|
@content-heading-font-size: 1.8em;
|
|
@content-heading-font-family: @font-family-serif;
|
|
@content-heading-font-family-generic: sans-serif;
|
|
@body-background-color: #fff;
|
|
@heading-line-height: 1.3;
|
|
|
|
// Navigation
|
|
@menu-background-color: #f6f6f6;
|
|
|
|
// Common menu
|
|
@menu-link-color: #0645ad;
|
|
|
|
// Main menu
|
|
@menu-main-font-size: inherit;
|
|
|
|
@menu-main-heading-font-size: 0.75em;
|
|
@menu-main-heading-color: #444;
|
|
|
|
@menu-main-body-font-size: 0.75em;
|
|
@menu-main-body-link-color: #0645ad;
|
|
@menu-main-body-link-visited-color: #0b0080;
|
|
@menu-main-body-margin-left: 0.5em;
|
|
@menu-main-body-padding: 0.3em 0 0 0;
|
|
|
|
// Personal menu
|
|
@background-position-menu-personal-icon: left ( 4 / @font-size-browser / @font-size-menu-personal );
|
|
@font-size-menu-personal: 0.75em;
|
|
@line-height-menu-personal: 14 / @font-size-browser / @font-size-menu-personal; // equals `1.667em`≈`14px`
|
|
|
|
// Search
|
|
@width-search-button: 24 / @font-size-browser / @font-size-search-input;
|
|
@font-size-search-input: unit( 13 / @font-size-browser, em ); // Equals `0.8125em`.
|