Vector-Local/resources/skins.vector.styles/components/MenuTabs.less

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;
}
}
}