mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-26 08:35:42 +00:00
c5cfd4dce8
Removes gradients from tabs (i.e. article toolbar) in new Vector, moving the existing MenuTabs.less component into the skins.vector.styles.legacy module and creating a new MenuTabs.less component for modern Vector. Bug: T309398 Change-Id: I5d807f09bfbbceaded756daa78dbb023efcc91dc
90 lines
1.5 KiB
Plaintext
90 lines
1.5 KiB
Plaintext
@import '../../common/variables.less';
|
|
@import 'mediawiki.mixins.less';
|
|
|
|
/**
|
|
* Styling for namespace tabs (page, discussion) and views (read, edit, view history, watch and other actions)
|
|
*/
|
|
|
|
/* Namespaces and Views */
|
|
.vector-menu-tabs {
|
|
// Tab separator: Outer start border (left in LTR) of tab row.
|
|
float: left;
|
|
height: 2.5em;
|
|
padding-left: @border-width-base;
|
|
|
|
/* Navigation Labels */
|
|
.vector-menu-heading {
|
|
display: none;
|
|
}
|
|
|
|
ul {
|
|
float: left;
|
|
height: 100%;
|
|
list-style: none none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
li {
|
|
// Tab fade background: Fade inside from light grey to white.
|
|
float: left;
|
|
display: block;
|
|
height: 100%;
|
|
padding: 0;
|
|
line-height: @line-height-nav;
|
|
white-space: nowrap;
|
|
|
|
&:first-child a {
|
|
margin-left: 0;
|
|
}
|
|
|
|
&:last-child a {
|
|
margin-right: 0;
|
|
}
|
|
|
|
a {
|
|
// Tab separator: Border between tabs and outer right border.
|
|
color: @color-link;
|
|
box-sizing: border-box;
|
|
display: block;
|
|
float: left;
|
|
height: unit( 40 / @font-size-tabs / @font-size-browser, em );
|
|
position: relative;
|
|
padding-top: 1.25em;
|
|
margin: 0 @padding-horizontal-tabs;
|
|
font-size: @font-size-tabs;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
border-bottom: 1px solid;
|
|
}
|
|
}
|
|
}
|
|
|
|
.new {
|
|
a,
|
|
a:visited {
|
|
color: @color-link-new;
|
|
}
|
|
}
|
|
|
|
.selected {
|
|
a {
|
|
border-bottom: 1px solid;
|
|
}
|
|
|
|
a,
|
|
a:visited {
|
|
color: @color-link-selected;
|
|
}
|
|
}
|
|
|
|
.icon {
|
|
a {
|
|
background-position: right bottom;
|
|
background-repeat: no-repeat;
|
|
}
|
|
}
|
|
}
|