make easing of circular #progress more extreme

dnbexperience · May 21, 2019 · fb19b91 · fb19b91
1 parent 65328bd
commit fb19b91
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/dnb-ui-lib/src/components/progress/__tests__/__snapshots__/Progress.test.js.snap b/packages/dnb-ui-lib/src/components/progress/__tests__/__snapshots__/Progress.test.js.snap
@@ -202,7 +202,8 @@ exports[`Progress scss have to match snapshot 1`] = `
     .dnb-progress__circular__line {
       animation-duration: 2s;
       animation-delay: 200ms;
-      animation-timing-function: linear;
+      animation-timing-function: ease-in-out;
+      animation-timing-function: cubic-bezier(0.67, 0.06, 0.27, 0.92);
       animation-iteration-count: infinite; }
     .dnb-progress__circular__line.background {
       stroke-dashoffset: var(--progress-circular-circle-offset--max); }

diff --git a/packages/dnb-ui-lib/src/components/progress/style/_progress.scss b/packages/dnb-ui-lib/src/components/progress/style/_progress.scss
@@ -32,7 +32,8 @@
     &__line {
       animation-duration: 2s;
       animation-delay: 200ms;
-      animation-timing-function: linear;
+      animation-timing-function: ease-in-out;
+      animation-timing-function: cubic-bezier(0.67, 0.06, 0.27, 0.92);
       animation-iteration-count: infinite;
     }