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:
parent
36a4001a01
commit
7eb818543e
|
@ -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
|
||||
|
|
|
@ -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 ) ) ) {
|
||||
|
|
|
@ -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:
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue