styles: Replace deprecated Less `.transform()` mixin with standard CSS

Replacing Less mixin calls of `.transform()`, deprecated
since MW 1.37, with CSS property.

Bug: T308360
Change-Id: Ic965193782a447d34eac4bd19816a7b753c36d44
This commit is contained in:
Volker E 2022-05-13 13:34:51 -07:00 committed by Ed Sanders
parent 36a4001a01
commit 7eb818543e
4 changed files with 4 additions and 4 deletions

View File

@ -18,7 +18,7 @@ var languageButton = require( './languageButton.js' ),
* ```less
* .foo {
* color: #f00;
* .transform( translateX( -100% ) );
* transform: translateX( -100% );
* }
*
* // This transition will be disabled initially for JavaScript users. It will never be enabled for

View File

@ -149,7 +149,7 @@
// instead to avoid hidden rendering.
visibility: hidden;
opacity: 0;
.transform( translateX( -100% ) );
transform: translateX( -100% );
}
@media ( min-width: ( @max-width-workspace-container + ( 2 * @padding-horizontal-page-container ) ) ) {

View File

@ -21,7 +21,7 @@
// transition-property: transform, opacity, visibility;
// transition-duration: @transition-duration-base;
// transition-timing-function: ease-in-out;
// .transform( translateX( -100% ) );
// transform: translateX( -100% );
// }
//
// - Show / hide the target instantly without animation:

View File

@ -292,7 +292,7 @@ body {
// calculate the maximum distance from the start of `mw-page-container` to the
// start of the sidebar.
#mw-sidebar-checkbox:not( :checked ) ~ .mw-workspace-container .mw-sidebar {
.transform( translateX( -( @max-width-page-container - @max-width-workspace-container ) / 2 ) );
transform: translateX( -( @max-width-page-container - @max-width-workspace-container ) / 2 );
}
// Hide sidebar entirely when the checkbox is disabled and the TOC is enabled