mediawiki-skins-Citizen/resources/skins.citizen.styles/components/PageSidebar.less
alistair3149 00b2495c1a
feat(core): use px for border-radius
- Move border radius calculation to CSS variable instead of LESS
- Rename CSS variable according to Codex, soft-deprecating the existing border radius
2024-07-05 13:24:31 -04:00

33 lines
754 B
Plaintext

.citizen-page-sidebar {
--size-icon: 1rem;
@media ( min-width: @min-width-breakpoint-desktop ) {
display: flex;
flex-direction: column;
grid-area: sidebar;
gap: var( --space-sm );
padding-left: var( --space-xs );
margin-top: var( --space-sm ); // align with first paragraph
// Avoid padding clipping
margin-left: ~'calc( var( --space-xs ) * -1 )';
}
.citizen-menu__heading,
.citizen-menu .mw-list-item a {
padding-right: var( --space-xs );
padding-left: var( --space-xs );
}
.citizen-menu .mw-list-item a {
gap: var( --space-xs );
border-radius: var( --border-radius-base );
}
}
#citizen-sidebar-lastmod {
@media ( max-width: @max-width-breakpoint-tablet ) {
// Duplicated with footer already
display: none;
}
}