mediawiki-skins-MinervaNeue/resources/skins.minerva.amc.styles/tabs.less
Jon Robson 5900ab2c28 Fixes styles of Minerva tabs in visited/active states
Follow up to Iefa1fee9c6ac0326bc43844205dd3f5dc53fc903

Bug: T367892
Change-Id: I832e5a0b8d1febf38d574098e110bac901528b6e
2024-09-19 20:21:40 +00:00

50 lines
918 B
Plaintext

.minerva__tab-container {
white-space: nowrap;
overflow-x: auto;
.minerva__tab {
margin: 0 10px 0 0;
padding-bottom: 6px;
display: inline-block;
// TODO: 'a' selector after caching
a,
.minerva__tab-text {
font-size: @font-size-tag-line;
font-weight: bold;
color: @color-subtle;
text-decoration: none;
&.new {
color: @color-link-red;
}
}
// TODO: Remove entire selector after caching
// Currently needed to override default link styles
a:not( [ role='button' ] ) {
&:link,
&:visited,
&:hover,
&:active {
color: @color-subtle;
text-decoration: none !important;
}
}
// TODO: Remove entire selector after caching
&.new a:not( [ role='button' ] ) {
.cdx-mixin-link-red();
}
&:last-child {
margin-right: 0;
}
// note core doesn't use BEM.
&.selected {
border-bottom: @border-width-thick @border-style-base #54595d;
}
}
}