refactor

phucbm · Jan 23, 2022 · 7a62733 · 7a62733 · vercel · Jan 23, 2022
1 parent 8cb8108
commit 7a62733
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git a/examples/css-blended-color/index.html b/examples/css-blended-color/index.html
@@ -53,7 +53,7 @@ <h1 class="test">🦄 Cursor.js ~ CSS Blended Color</h1>
 </footer>
 
 <script src="../../src/dat.gui.min.js"></script>
-<script src="../../src/custom-cursor.js"></script>
+<script src="../../src/cursor.js"></script>
 <script src="../../src/gsap.js"></script>
 <script>
     // init Cursor.js
@@ -66,7 +66,7 @@ <h1 class="test">🦄 Cursor.js ~ CSS Blended Color</h1>
             mixBlendMode: 'difference'
         }
     };
-    const cursor = new CustomCursor(config);
+    const cursor = new Cursor(config);
 
 
     // GUI

diff --git a/examples/index.html b/examples/index.html
@@ -18,7 +18,7 @@ <h1>🦄 Cursor.js</h1>
         targets. This library relies on <a href="https://greensock.com/" target="_blank">GreenSock</a> to handle the
         frame update and animation.</p>
     <p>In this page, you're seeing the default cursor style that achieves by running:</p>
-    <code>new CustomCursor();</code>
+    <code>new Cursor();</code>
     <p>Plus, you can adjust the cursor directly from the panel in the top right corner of this page ↗️</p>
     <p>And here's some more style that I've made:</p>
     <ul>
@@ -48,11 +48,11 @@ <h1>🦄 Cursor.js</h1>
 </footer>
 
 <script src="../src/dat.gui.min.js"></script>
-<script src="../src/custom-cursor.js"></script>
+<script src="../src/cursor.js"></script>
 <script src="../src/gsap.js"></script>
 <script>
     // init Cursor.js
-    const cursor = new CustomCursor();
+    const cursor = new Cursor();
 
     // GUI
     const config = {

diff --git a/examples/ipad/index.html b/examples/ipad/index.html
@@ -48,10 +48,10 @@ <h1 class="test">🦄 Cursor.js ~ iPad style</h1>
 
 </footer>
 
-<script src="../../src/custom-cursor.js"></script>
+<script src="../../src/cursor.js"></script>
 <script src="../../src/gsap.js"></script>
 <script>
-    new CustomCursor({
+    new Cursor({
         style: {
             width: '23px',
             height: '23px',

diff --git a/examples/ring/index.html b/examples/ring/index.html
@@ -93,7 +93,7 @@ <h3>Support Flickity dragging</h3>
 </footer>
 
 <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
-<script src="../../src/custom-cursor.js"></script>
+<script src="../../src/cursor.js"></script>
 <script src="../../src/gsap.js"></script>
 <script>
     // init Flickity
@@ -105,7 +105,7 @@ <h3>Support Flickity dragging</h3>
     });
 
     // init Cursor.js
-    const outer = new CustomCursor({
+    const outer = new Cursor({
         speed: .2,
         style: {
             width: '40px',
@@ -134,7 +134,7 @@ <h3>Support Flickity dragging</h3>
 
         ]
     });
-    const inner = new CustomCursor({
+    const inner = new Cursor({
         style: {
             width: '5px',
             height: '5px',

diff --git a/src/custom-cursor.js → src/cursor.js b/src/custom-cursor.js → src/cursor.js
@@ -1,4 +1,4 @@
-class CustomCursor{
+class Cursor{
     constructor(options){
         // config
         this.config = {