sekolah_adiwiyata/public/assets/src/scss/_modules/_translate-3d.scss

19 lines
537 B
SCSS

// here we are attemping to fool the browser and harness the power of GPU usage
// using "transform: translate3d(0, 0, 0);" will use the Graphic Processor (GPU) and avoid the CSS transition using CPU...
@include media-breakpoint-up(xl) {
.page-sidebar {
@include translate3d(0,0,0);
}
&.header-function-fixed,
&.nav-function-fixed,
&.header-function-fixed.nav-function-fixed {
.page-wrapper,
.page-sidebar {
transform: none;
-webkit-transform: none;
-ms-transform: none;
}
}
}