mediawiki-skins-Citizen/resources/skins.citizen.styles/Siteinfo.less
alistair3149 969cd787d6
feat(core): use different font weight in different themes
The same font weight do not provide the same contrast in different themes.
We should be able to change the scaling
2022-11-21 17:42:26 -05:00

66 lines
1 KiB
Plaintext

#mw-header-siteinfo {
position: relative;
display: inherit;
overflow: hidden;
flex-grow: 1;
align-items: center;
margin-right: 10px;
a {
color: var( --color-base--emphasized );
font-size: 16px;
text-overflow: ellipsis;
transition: @transition-opacity;
white-space: nowrap;
&:hover {
opacity: var( --opacity-icon-base--hover );
}
&:active {
opacity: var( --opacity-icon-base--active );
}
}
}
#header {
&-sitetitle {
img.mw-logo-wordmark {
width: auto;
height: 14px;
}
}
&-pagetitle {
overflow: hidden;
color: var( --color-base--emphasized );
font-weight: var( --font-weight-medium );
opacity: 0;
pointer-events: none;
visibility: hidden;
}
}
.skin-citizen--titlehidden {
#header {
&-sitetitle {
position: absolute;
opacity: 0;
pointer-events: none;
visibility: hidden;
}
&-pagetitle {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
}
}
.skin-citizen-dark {
img.mw-logo-wordmark {
filter: invert( 1 ) hue-rotate( 180deg );
}
}