⚠️ Fix most animations/transitions performance issues

- Basically add `will-change` to CSS elements to enable GPU animations, less choppy, more sassy - Use requestAnimationFrame over setTimeout - Avoid repaints AMAP
2020-04-05 16:07:44 +02:00
parent 0b8086e63c
commit bd9b91f480
21 changed files with 129 additions and 89 deletions
--- a/src/style/pages/_page.scss
+++ b/src/style/pages/_page.scss
@@ -1,6 +1,11 @@
 .page {
    overflow-x: hidden;

+    // Page part
+    &__part {
+        will-change: transform, opacity;
+    }
+
    // Top part
    &__top {
        margin-top: 96px;
@@ -64,7 +69,9 @@
            margin-bottom: 40px;
        }
        dt {
-            margin-bottom: 8px;
+            @include breakpoint (sm) {
+                margin-bottom: 8px;
+            }
        }
    }