wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-30 18:35:44 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-skins-Vector/variables.less

62 lines
2 KiB
Plaintext
Raw Normal View History

Print styles: footer Tones down license information and makes last updated primary information in printed view Additional changes: * variables now inherits from mediawiki.ui Bug: T169823 Change-Id: Ie678967a27baec8715cf86b6a0f7e7651f867be1
2017-07-20 21:58:01 +00:00
@import 'mediawiki.ui/variables';
Increase distance of button to container 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
2019-09-18 22:26:38 +00:00
@font-size-root: 100%;
Update user avatar icon Updating user avatar icon to overhauled standard WikimediaUI icon. Also: - change `line-height` of personal menu to `14px` for better positioning and introducing corresponding LESS variables - slightly increase user avatar icon to be on par with ULS one - putting avatar icon within link on active user, an awful user experience that has long bugged me. Bug: T123810 Change-Id: Iabde041090a87968b5f82e36fd81419083f80984
2018-10-09 19:29:58 +00:00
@font-size-browser: 16; // Assumed browser default of `16px`
Move Vector skin from core This is the final step of the process described at <https://www.mediawiki.org/wiki/Separating_skins_from_core_MediaWiki>. Corresponding core change: Idfc38503. Change-Id: I84fcf7ce6385b8323544cafe6912a00f1886d20d
2014-08-07 11:38:34 +00:00
Print mode: Define when to use serif and when to use sans-serif Additional changes: * Define variables for fonts and use them * Group and make clearer where fonts apply Bug: T169823 Change-Id: I0b7d557048859936f2eb2f646202bc8071bb84ba
2017-07-25 21:41:00 +00:00
@font-family-serif: 'Linux Libertine', 'Georgia', 'Times', serif;
Update LESS variable naming scheme for `@font-family*` variables Reyling only on base font family variables. It's debatable if something like `@font-family-base` would make sense, but with only 3 variables the abstraction would seem over-engineered for the time being. Change-Id: I294ef8753dd3c73f4ed3fd89d43978dfaf6e0f06
2019-09-26 22:48:15 +00:00
// FIXME: Use WikimediaUI Base's OS specific default sans-serif fonts.
@font-family-sans: sans-serif;
@font-family-sans--fallback: sans-serif;
Print mode: Define when to use serif and when to use sans-serif Additional changes: * Define variables for fonts and use them * Group and make clearer where fonts apply Bug: T169823 Change-Id: I0b7d557048859936f2eb2f646202bc8071bb84ba
2017-07-25 21:41:00 +00:00
Move Vector skin from core This is the final step of the process described at <https://www.mediawiki.org/wiki/Separating_skins_from_core_MediaWiki>. Corresponding core change: Idfc38503. Change-Id: I84fcf7ce6385b8323544cafe6912a00f1886d20d
2014-08-07 11:38:34 +00:00
// Page content
Align LESS color variables to naming scheme, combine and cleanup Merging similar value applications in generalized variables, and aligning to property-identifier-modifier scheme. Change-Id: I274ef24140a36e285c67b33a41ab6afe7c98676b
2019-09-26 21:12:01 +00:00
@background-color-base: #fff;
@color-base: #222;
@color-link: #0645ad;
@color-link-visited: #0b0080;
@color-link-selected: @color-base;
Unify LESS variable naming scheme for `@font-size-*` variables Unifying variable naming to property-identifier-modifier scheme, while also collecting all non-print values variables in corresponding file. We will amend the `em` based values to calculations that will enable rendered full pixel values and also fix some connected usability issues in the future. Change-Id: I378e8a2af91fe0790708e6fb2d2e7a5718ce93c5
2019-09-26 23:43:42 +00:00
@font-size-base: unit( 14 / @font-size-browser, em ); // Equals `0.875em`.
@font-size-reset: @font-size-root;
@font-size-heading-first: 1.8em;
@font-size-heading-2: 1.5em;
@font-size-heading-3: 1.2em;
@font-size-notification: 0.8em;
@font-size-site-notice: 0.8em;
Move Vector skin from core This is the final step of the process described at <https://www.mediawiki.org/wiki/Separating_skins_from_core_MediaWiki>. Corresponding core change: Idfc38503. Change-Id: I84fcf7ce6385b8323544cafe6912a00f1886d20d
2014-08-07 11:38:34 +00:00
// FIXME: Use global variable since Echo and CentralNotice use this variable
@content-border-color: #a7d7f9;
Print mode: Define when to use serif and when to use sans-serif Additional changes: * Define variables for fonts and use them * Group and make clearer where fonts apply Bug: T169823 Change-Id: I0b7d557048859936f2eb2f646202bc8071bb84ba
2017-07-25 21:41:00 +00:00
@pureBlack: #000;
Move Vector skin from core This is the final step of the process described at <https://www.mediawiki.org/wiki/Separating_skins_from_core_MediaWiki>. Corresponding core change: Idfc38503. Change-Id: I84fcf7ce6385b8323544cafe6912a00f1886d20d
2014-08-07 11:38:34 +00:00
@content-line-height: 1.6;
@content-padding: 1em;
@heading-line-height: 1.3;
// Navigation
Align LESS color variables to naming scheme, combine and cleanup Merging similar value applications in generalized variables, and aligning to property-identifier-modifier scheme. Change-Id: I274ef24140a36e285c67b33a41ab6afe7c98676b
2019-09-26 21:12:01 +00:00
@background-color-secondary: #f6f6f6;
Move Vector skin from core This is the final step of the process described at <https://www.mediawiki.org/wiki/Separating_skins_from_core_MediaWiki>. Corresponding core change: Idfc38503. Change-Id: I84fcf7ce6385b8323544cafe6912a00f1886d20d
2014-08-07 11:38:34 +00:00
// Main menu
Unify LESS variable naming scheme for `@font-size-*` variables Unifying variable naming to property-identifier-modifier scheme, while also collecting all non-print values variables in corresponding file. We will amend the `em` based values to calculations that will enable rendered full pixel values and also fix some connected usability issues in the future. Change-Id: I378e8a2af91fe0790708e6fb2d2e7a5718ce93c5
2019-09-26 23:43:42 +00:00
@font-size-menu-main: inherit;
Move Vector skin from core This is the final step of the process described at <https://www.mediawiki.org/wiki/Separating_skins_from_core_MediaWiki>. Corresponding core change: Idfc38503. Change-Id: I84fcf7ce6385b8323544cafe6912a00f1886d20d
2014-08-07 11:38:34 +00:00
Unify LESS variable naming scheme for `@font-size-*` variables Unifying variable naming to property-identifier-modifier scheme, while also collecting all non-print values variables in corresponding file. We will amend the `em` based values to calculations that will enable rendered full pixel values and also fix some connected usability issues in the future. Change-Id: I378e8a2af91fe0790708e6fb2d2e7a5718ce93c5
2019-09-26 23:43:42 +00:00
@font-size-menu-main-heading: unit( 12 / @font-size-browser, em ); // Equals `0.75em`.
Replace grey with WikimediaUI palette color one Replacing `#4d4d4d` with `#444`, which is `color-base` var modifier. We're going for a very similar color for now, instead of `#54595d` as with current background we want to still ensure WCAG 2.0 level AAA conformance as it's right now in order to not be disruptive. Bug: T153043 Change-Id: I4c8caac9d829d8a3a351fc78181279ed35ed15a9
2017-08-18 22:18:12 +00:00
@menu-main-heading-color: #444;
Move Vector skin from core This is the final step of the process described at <https://www.mediawiki.org/wiki/Separating_skins_from_core_MediaWiki>. Corresponding core change: Idfc38503. Change-Id: I84fcf7ce6385b8323544cafe6912a00f1886d20d
2014-08-07 11:38:34 +00:00
Unify LESS variable naming scheme for `@font-size-*` variables Unifying variable naming to property-identifier-modifier scheme, while also collecting all non-print values variables in corresponding file. We will amend the `em` based values to calculations that will enable rendered full pixel values and also fix some connected usability issues in the future. Change-Id: I378e8a2af91fe0790708e6fb2d2e7a5718ce93c5
2019-09-26 23:43:42 +00:00
@font-size-menu-main-body: unit( 12 / @font-size-browser, em );
Use same left margin (0.5em/8px) for all sidebar items Bug: T168598 Change-Id: Ice96ba4b7d0af3312baff69a6bb4c34e6e12c205
2017-06-22 19:06:17 +00:00
@menu-main-body-margin-left: 0.5em;
Proper indentation applied to horizontal links in the vector skin Bug: T67444 Change-Id: I5dc48995583a0e0bd3d8bee6e698effecc4d3f7f
2017-03-27 18:01:24 +00:00
@menu-main-body-padding: 0.3em 0 0 0;
Move Vector skin from core This is the final step of the process described at <https://www.mediawiki.org/wiki/Separating_skins_from_core_MediaWiki>. Corresponding core change: Idfc38503. Change-Id: I84fcf7ce6385b8323544cafe6912a00f1886d20d
2014-08-07 11:38:34 +00:00
// Personal menu
Bring personal tools' icons on baseline with label Put icons on baseline as good as possible cross-browser. It's complete waste of time trying. And is partly originated in different internal text node sizing in various browsers, biggest browser share difference is Chrome/Yandex/Safari 5 on Windows against all others. Partly it's a result of us relying on `sans-serif` generic font family instead of `Arial` – it results in different letter baseline position within font's virtual letter box, which eats my limited time on Planet Earth uselessly away. Also adding and renaming LESS variable for proper code style. Bug: T207075 Change-Id: I92acb9851a3c0acdbc40a4a4528a91c7332c9293
2018-10-15 23:19:45 +00:00
@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`
Increase distance of button to container 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
2019-09-18 22:26:38 +00:00
Unify LESS variable naming scheme for `@font-size-*` variables Unifying variable naming to property-identifier-modifier scheme, while also collecting all non-print values variables in corresponding file. We will amend the `em` based values to calculations that will enable rendered full pixel values and also fix some connected usability issues in the future. Change-Id: I378e8a2af91fe0790708e6fb2d2e7a5718ce93c5
2019-09-26 23:43:42 +00:00
// Tabs
@font-size-tabs: unit( 13 / @font-size-browser, em ); // Equals `0.8125em`.
Increase distance of button to container 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
2019-09-18 22:26:38 +00:00
// 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`.
Unify LESS variable naming scheme for `@font-size-*` variables Unifying variable naming to property-identifier-modifier scheme, while also collecting all non-print values variables in corresponding file. We will amend the `em` based values to calculations that will enable rendered full pixel values and also fix some connected usability issues in the future. Change-Id: I378e8a2af91fe0790708e6fb2d2e7a5718ce93c5
2019-09-26 23:43:42 +00:00
// Footer
// FIXME: Currently calculates at 11.2px, which is worth nothing and unreadable for a big
// part of our audiences. Push up _at least_ to 12px.
@font-size-footer: 0.7em;
Reference in a new issue Copy permalink