feat(api): rename API for distance custom property

SimonFinney · Mar 31, 2018 · d2b49ae · d2b49ae
1 parent 457fab6
commit d2b49ae
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -33,7 +33,7 @@ import 'custom-properties-parallax';
 
   | Name             | Type   | Default  |
   | ---------------- | ------ | -------- |
-  | `--cpp-modifier` | Unit   | 0.625rem |
+  | `--cpp-distance` | Unit   | 0.625rem |
   | `--cpp-speed`    | Number | 0.5      |
 
 * For individual control, leverage the cascade by declaring any of the above custom properties within the CSS selectors of the target elements. For example:

diff --git a/src/parallax/constants.js b/src/parallax/constants.js
@@ -4,14 +4,14 @@
  */
 
 const DEFAULT_VALUES = {
-  MODIFIER: '.0625rem',
+  DISTANCE: '.0625rem',
   SPEED: 0.5,
 };
 
 const NAMESPACE = 'cpp';
 
 const CUSTOM_PROPERTIES = {
-  MODIFIER: `--${NAMESPACE}-modifier`,
+  DISTANCE: `--${NAMESPACE}-distance`,
   PARALLAX: `--${NAMESPACE}-parallax`,
   SPEED: `--${NAMESPACE}-speed`,
 };

diff --git a/src/parallax/index.js b/src/parallax/index.js
@@ -32,7 +32,7 @@ function create(parallaxElement) {
   parallaxElement.style.setProperty(
     'transform',
     `translate3d(0, calc(var(${CUSTOM_PROPERTIES.PARALLAX}) * var(${
-      CUSTOM_PROPERTIES.MODIFIER
+      CUSTOM_PROPERTIES.DISTANCE
     })), 0)`
   );