mediawiki-skins-Citizen/resources/skins.citizen.styles/components/UserMenu.less
alistair3149 5b0bb4c209
refactor(core): ♻️ use new sr-only rules instead of relying on core
Core mixins are very conservative in comparsion and mixins are changed from time to time.
It is more maintainable to maintain our own sr-only styles.
2024-07-03 14:41:14 -04:00

59 lines
846 B
Plaintext

.citizen-userMenu {
.citizen-menu__card {
.citizen-header-card( end );
min-width: 16rem;
transform-origin:
var( --transform-origin-offset-end )
var( --transform-origin-offset-end );
@media ( min-width: @min-width-breakpoint-desktop ) {
transform-origin:
var( --transform-origin-offset-start )
var( --transform-origin-offset-end );
}
.citizen-menu__heading {
.sr-only;
}
}
}
#pt-createaccount,
#pt-login,
#pt-login-private,
#pt-logout {
a {
margin: var( --space-xs );
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius--medium );
}
}
#pt-login {
a {
.button-blue;
&:hover {
.button-blue-hover;
}
&:active {
.button-blue-active;
}
}
}
#pt-logout {
a {
.button-red;
&:hover {
.button-red-hover;
}
&:active {
.button-red-active;
}
}
}