document and create fallback

argyleink · Sep 29, 2023 · 286da6d · 286da6d
1 parent c326eee
commit 286da6d
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 2 deletions.
diff --git a/docsite/index.html b/docsite/index.html
@@ -2254,9 +2254,13 @@ <h5>The Props</h5>
               --ease-in-out-{1-5}
               --ease-elastic-out-{1-5}
               --ease-elastic-in-{1-5}
-              --ease-elastic-in-out{1-5}
+              --ease-elastic-in-out-{1-5} 
               --ease-spring-{1-5}
               --ease-step-{1-5}
+
+              /* will be removed in v2 */
+              --ease-elastic-{1-5}        /* deprecated; equal to elastic-out  */
+              --ease-squish-{1-5}         /* deprecated; equal to elastic-in-out  */
             </code></pre>
           </div>
         </div>
@@ -2387,7 +2391,7 @@ <h5>Ease Elastic In</h5>
             <div style="animation-timing-function: var(--ease-elastic-in-4)">ease-elastic-in-4</div>
             <div style="animation-timing-function: var(--ease-elastic-in-5)">ease-elastic-in-5</div>
           </div>
-        </div>å
+        </div>
 
         <div class="block-wrap">
           <header class="animation-control-header">

diff --git a/src/props.easing.css b/src/props.easing.css
@@ -39,6 +39,16 @@
   --ease-step-3: steps(4);
   --ease-step-4: steps(7);
   --ease-step-5: steps(10);
+  --ease-elastic-1: var(--ease-elastic-out-1);
+  --ease-elastic-2: var(--ease-elastic-out-2);
+  --ease-elastic-3: var(--ease-elastic-out-3);
+  --ease-elastic-4: var(--ease-elastic-out-4);
+  --ease-elastic-5: var(--ease-elastic-out-5);
+  --ease-squish-1: var(--elastic-in-out-1);
+  --ease-squish-2: var(--elastic-in-out-2);
+  --ease-squish-3: var(--elastic-in-out-3);
+  --ease-squish-4: var(--elastic-in-out-4);
+  --ease-squish-5: var(--elastic-in-out-5);
   --ease-spring-1: linear(
     0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,
     0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,

diff --git a/src/props.easing.js b/src/props.easing.js
@@ -47,6 +47,18 @@ export default {
   '--ease-step-4': 'steps(7)',
   '--ease-step-5': 'steps(10)',
 
+  '--ease-elastic-1': 'var(--ease-elastic-out-1)',
+  '--ease-elastic-2': 'var(--ease-elastic-out-2)',
+  '--ease-elastic-3': 'var(--ease-elastic-out-3)',
+  '--ease-elastic-4': 'var(--ease-elastic-out-4)',
+  '--ease-elastic-5': 'var(--ease-elastic-out-5)',
+
+  '--ease-squish-1': 'var(--elastic-in-out-1)',
+  '--ease-squish-2': 'var(--elastic-in-out-2)',
+  '--ease-squish-3': 'var(--elastic-in-out-3)',
+  '--ease-squish-4': 'var(--elastic-in-out-4)',
+  '--ease-squish-5': 'var(--elastic-in-out-5)',
+
   '--ease-spring-1': `linear(
     0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,
     0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,