mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-26 00:25:40 +00:00
53 lines
1.6 KiB
Plaintext
53 lines
1.6 KiB
Plaintext
@import '../../common/variables.less';
|
||
@import 'mediawiki.mixins.less';
|
||
|
||
// Extends the common MenuDropdown, but allows it to be opened via hover.
|
||
|
||
.vector-menu-dropdown:not( .vector-user-menu ) {
|
||
&:hover .vector-menu-content {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
}
|
||
|
||
.vector-menu-checkbox {
|
||
&:checked + .vector-menu-heading:after {
|
||
transform: scaleY( -1 );
|
||
}
|
||
}
|
||
|
||
.vector-menu-dropdown {
|
||
li {
|
||
a {
|
||
// Historic value.
|
||
padding: unit( ( 8.125px / @font-size-browser ), em );
|
||
}
|
||
}
|
||
|
||
.vector-menu-heading {
|
||
background-image: linear-gradient( to bottom, rgba( 167, 215, 249, 0 ) 0, @border-color-content 100% );
|
||
background-repeat: no-repeat;
|
||
// Contain gradient to 1px × 100% size and draw from top to bottom-left or -right corner.
|
||
background-size: @border-width-base 100%;
|
||
background-position: right bottom;
|
||
height: 100%;
|
||
}
|
||
|
||
.vector-menu-content {
|
||
border-top-width: 0;
|
||
}
|
||
}
|
||
|
||
#mw-head .vector-menu-dropdown .vector-menu-heading {
|
||
// Tab separator: Outer end (right in LTR) border of "Actions" menu.
|
||
background-position: right bottom;
|
||
float: left;
|
||
height: unit( 40 / @font-size-tabs / @font-size-browser, em );
|
||
margin: 0 -@border-width-base 0 0;
|
||
// `padding-right` >= `1px` effectively moves the "background border" outside of the element to
|
||
// act like a real border. It is necessary for `.vector-menu-dropdown .vector-menu-content-list` dropdown to align well.
|
||
// 0.5em equals `8px` at computed `font-size` of `14px` as visually harmonically with
|
||
// `padding-left` in `.vector-menu-dropdown .vector-menu-heading a`
|
||
padding-right: unit( 24 / @font-size-tabs / @font-size-browser, em );
|
||
}
|