mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/common.less
Steph Toyofuku 6f98cc6460 (Almost) no more CSS variables in minerva
Remove direct usage of CSS variables in Minerva, and replace them with
codex design tokens again.  Document this decision in the original ADR

Note: there are still a small number of CSS variables in use, including
most notably the --color-link-red fix, which broke when I removed it,
but this change takes care of all the ones that could be easily replaced

Bug: T363743
Change-Id: I7d3a9dceb908167078987de1733774c8bd4bea2f
2024-06-11 11:44:47 -07:00

40 lines
1,017 B
Plaintext

@import '../../minerva.less/minerva.variables.less';
.view-border-box *,
.view-border-box {
box-sizing: border-box;
}
.client-js .mw-redirectedfrom,
/* FIXME: Use generic rule for print stylesheets */
.printfooter {
display: none;
}
// currently used to hide talk button
.hidden {
display: none !important;
}
#mw-mf-viewport { // stylelint-disable-line selector-max-id
position: relative;
height: 100%;
}
// We need to ensure the content has the chrome background - otherwise it will
// overlap the menu during the main menu reveal/hide animation
#mw-mf-page-center { // stylelint-disable-line selector-max-id
width: 100%;
min-height: 100%;
position: relative;
background-color: @background-color-interactive;
}
.content {
// Create a new stacking context. `transform: translateZ( 0 );` would be preferred but that
// triggers a browser bug which affects the edit cards in Visual Editor:
// https://bugs.chromium.org/p/chromium/issues/detail?id=20574
position: relative;
z-index: @z-index-base;
}