mediawiki-skins-Citizen/resources/skins.citizen.styles/Header.less
alistair3149 e2b4a4e49a
feat: show page title on header after scroll
The page header also acts as a jump to top link
2021-04-26 11:39:27 -04:00

49 lines
794 B
Plaintext

.mw-header {
--width-button-base: ~'calc(var(--size-icon) + var(--padding-page))';
--width-button-corner: ~'calc(var(--size-icon) + var(--padding-page) * 2)';
position: fixed;
z-index: 10;
top: 0;
right: 0;
left: 0;
display: flex;
height: var( --height-header );
justify-content: space-between;
pointer-events: none;
& > * {
pointer-events: auto;
}
&-tools {
display: inherit;
}
ul {
list-style: none;
}
ul,
li {
display: block;
margin: 0;
}
&:before {
position: absolute;
right: 0;
left: 0;
box-shadow: 0 0 ~'calc( var( --height-header ) - 15px )' var( --height-header ) var( --background-color-overlay );
content: '';
}
}
// User icon bar
#p-personal-extra {
ul {
display: flex;
height: var( --height-header );
align-items: center;
}
}