a55369e0e2
Most of the skin styles are no longer needed for modern Vector. This refactors them so that they only apply to legacy vector, reducing the overrides needed inside Vector. Depends-On: I1edee874a42b070bc319648496ae80a01b6365fb Bug: T289630 Change-Id: Ic5ab5172d881c48caae6bb3691ccc95515dcdcdb
55 lines
1.9 KiB
Plaintext
55 lines
1.9 KiB
Plaintext
/* stylelint-disable indentation, selector-max-id */
|
|
@import 'mediawiki.mixins';
|
|
|
|
// Similar to from Vector's 'personalMenu.less' file.
|
|
@font-size-browser: 16; // Assumed browser default of `16px`
|
|
// ULS personal tool menu
|
|
@background-position-menu-uls-icon: left ( 1 / @font-size-browser / @font-size-menu-uls );
|
|
@background-size-menu-uls-icon: 16 / @font-size-browser / @font-size-menu-uls;
|
|
@padding-top-menu-uls-icon: 4 / @font-size-browser / @font-size-menu-uls;
|
|
@padding-left-menu-uls-icon: 20 / @font-size-browser / @font-size-menu-uls;
|
|
@font-size-menu-uls: 0.75em;
|
|
|
|
/*
|
|
* The trigger can be placed in the personal toolbar near the username
|
|
* or near the interlanguage links.
|
|
*/
|
|
|
|
/*
|
|
* A hack to load the icon before the rest of the module is lazy-loaded.
|
|
* Copied from jquery.uls.css with the path changed.
|
|
*/
|
|
.uls-trigger {
|
|
background: no-repeat url( ../../lib/jquery.uls/images/language.svg ) left center;
|
|
// Let the SVG image fit without cropping or stretch
|
|
background-size: contain;
|
|
padding-left: 24px;
|
|
}
|
|
|
|
#pt-uls {
|
|
padding-top: 0 !important; // stylelint-disable-line declaration-no-important
|
|
|
|
.uls-trigger {
|
|
background-image: none;
|
|
// Same values as Vector's `#p-personal li`.
|
|
display: inline-block;
|
|
padding-top: 0.5em !important; // stylelint-disable-line declaration-no-important
|
|
padding-left: 0;
|
|
|
|
// Putting the icon in before in order to apply `opacity`.
|
|
&:before {
|
|
content: '';
|
|
background-image: url( ../../lib/jquery.uls/images/language.svg );
|
|
// Same values as Vector's `#pt-userpage a`.
|
|
background-position: @background-position-menu-uls-icon;
|
|
// Support Edge: Can't be `contain`, see T207075.
|
|
background-repeat: no-repeat;
|
|
background-size: @background-size-menu-uls-icon @background-size-menu-uls-icon;
|
|
padding-top: @padding-top-menu-uls-icon;
|
|
padding-left: @padding-left-menu-uls-icon;
|
|
// Equals `#555`, closest to `#54595d` on background-color `#fff`.
|
|
opacity: 0.67;
|
|
}
|
|
}
|
|
}
|