feat: improving skeleton animations fps by using cubic-bezier instead…

… of ease-in-out
willmendesneto · Oct 10, 2020 · c5d0c66 · c5d0c66
1 parent 7b6633c
commit c5d0c66
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -65,8 +65,11 @@ jobs:
     steps:
       - *attach_workspace
       - run:
+          environment:
+            NG_CLI_ANALYTICS: "ci"
           name: Checking bundle size
           command: |
+            sudo npm rebuild
             sudo npm run build:pkg
             sudo npm run bundlesize
   # end_to_end:

diff --git a/projects/ngx-skeleton-loader/src/lib/ngx-skeleton-loader.scss b/projects/ngx-skeleton-loader/src/lib/ngx-skeleton-loader.scss
@@ -44,7 +44,7 @@
   */
   &.progress,
   &.progress-dark {
-    animation: progress 2s ease-in-out infinite;
+    animation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
     background-size: 200px 100%;
   }
 
@@ -72,7 +72,7 @@
   * animations only if needed
   */
   &.pulse {
-    animation: pulse 1.5s ease-in-out infinite;
+    animation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
     animation-delay: 0.5s;
   }