Skip to content

Commit

Permalink
feat: vars.js to variables.js
Browse files Browse the repository at this point in the history
  • Loading branch information
minimit committed Jun 22, 2020
1 parent 2e12ce4 commit 2dfacb3
Show file tree
Hide file tree
Showing 19 changed files with 20 additions and 20 deletions.
6 changes: 3 additions & 3 deletions src/gatsby/markdown/components/animation/js.md
Expand Up @@ -10,14 +10,14 @@ date: "2019-06-01"

#### Gsap

For javascript animations we use [gsap](https://greensock.com/gsap/). If you import `/src/vars.js` you import also **gsap**, you need to install it with npm see [setup gsap](/components/setup#usage-gsap).
For javascript animations we use [gsap](https://greensock.com/gsap/). If you import `/src/variables.js` you import also **gsap**, you need to install it with npm see [setup gsap](/components/setup#usage-gsap).

#### Vars

In `/src/vars.js` there are js variables for animation beziers and timing. Import it where you need animation variables:
In `/src/variables.js` there are js variables for animation beziers and timing. Import it where you need animation variables:

```jsx
import '/src/vars.js'
import '/src/variables.js'
```

And access the variables this way: `Xt.vars.timeBig`, `'linear'`.
2 changes: 1 addition & 1 deletion src/private/demos/addons/animation/ripple.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library/src/xt.js'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import 'xtend-library/src/addons/animation/ripple.js'
import gsap from 'gsap'

Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/addons/animation/scroll-to-anchor.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library/src/xt.js'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import 'xtend-library/src/addons/animation/scroll-to-anchor.js'
import gsap from 'gsap'
import { ScrollToPlugin } from 'gsap/ScrollToPlugin.js'
Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/components/loader/js-filler.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library/src/xt.js'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import gsap from 'gsap'

Xt.mount.push({
Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/components/loader/js-spinner.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library/src/xt.js'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import gsap from 'gsap'

Xt.mount.push({
Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/components/slider/progress.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library/src/xt.js'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import 'xtend-library/src/extensions/slider/slider.js'
import 'xtend-library/src/addons/animation/mouse-follow.js'
import gsap from 'gsap'
Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/components/slider/toggle-js.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library/src/xt.js'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import 'xtend-library/src/extensions/slider/slider.js'
import gsap from 'gsap'

Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/components/toggle/animation-js.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library/src/xt.js'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import 'xtend-library/src/core/toggle/toggle.js'
import gsap from 'gsap'

Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/components/toggle/progress.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library/src/xt.js'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import 'xtend-library/src/core/toggle/toggle.js'
import gsap from 'gsap'

Expand Down
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library/src/xt.js'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import 'xtend-library/src/extensions/scroll/scroll.js'
import 'xtend-library/src/addons/animation/propagate-interaction.js'
import gsap from 'gsap'
Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/themes/media/fashion-listing-v1.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import gsap from 'gsap'

Xt.mount.push({
Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/themes/media/furniture-listing-v1.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import gsap from 'gsap'

Xt.mount.push({
Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/themes/media/opacity-v1.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import gsap from 'gsap'

Xt.mount.push({
Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/themes/slider/brands-infinite-v1.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library/src/xt.js'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import 'xtend-library/src/extensions/slider/slider.js'
import gsap from 'gsap'

Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/themes/slider/fashion-hero-v1.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library/src/xt.js'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import 'xtend-library/src/extensions/slider/slider.js'
import 'xtend-library/src/addons/slider/navigation-sides.js'
import gsap from 'gsap'
Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/themes/slider/fashion-hero-v2.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library/src/xt.js'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import 'xtend-library/src/extensions/slider/slider.js'
import 'xtend-library/src/addons/slider/navigation-sides.js'
import gsap from 'gsap'
Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/themes/slider/furniture-hero-v1.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library/src/xt.js'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import 'xtend-library/src/extensions/slider/slider.js'
import 'xtend-library/src/addons/slider/navigation-sides.js'
import gsap from 'gsap'
Expand Down
2 changes: 1 addition & 1 deletion src/private/demos/themes/slider/industrial-hero-v1.js
@@ -1,5 +1,5 @@
import { Xt } from 'xtend-library/src/xt.js'
import 'xtend-library/src/vars.js'
import 'xtend-library/src/variables.js'
import 'xtend-library/src/extensions/slider/slider.js'
import gsap from 'gsap'

Expand Down
File renamed without changes.

0 comments on commit 2dfacb3

Please sign in to comment.