Skip to content
This repository was archived by the owner on Aug 26, 2024. It is now read-only.

Commit e165a7d

Browse files
committed
preparation for v0.0.2
1 parent f02175b commit e165a7d

File tree

4 files changed

+39
-23
lines changed

4 files changed

+39
-23
lines changed

.gitignore

+2-1
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
1-
node_modules
1+
node_modules
2+
.DS_Store

CHANGELOG.md

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!-- latest changes are to be added to the top of the file, not the bottom -->
2+
### v0.0.2 #4
3+
- Add new animations:
4+
- rotate
5+
- swirl
6+
- flip-x
7+
- scale-in
8+
- roll-in-left
9+
- tilt-in
10+
- Updated demo site
11+
- Updated contribution guide
12+
### v0.0.1
13+
- Added first set of animations

CONTRIBUTION.md

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
### CONTRIBUTION
2+
After creating a fork and cloning locally:
3+
4+
1. Install dependencies in the root(`/`) directory with: `npm install`
5+
2. Install dependencies in the `/demo` directory with `cd demo && npm install`
6+
3. Open two terminal tabs, In the first run: `npm run watch` and in the second run: `npm run develop`
7+
4. Edit/Create the css files in `/src` folder in the root dir to add new classes.
8+
5. Open the `/demo/src/assets/animations.js` file and add details about the newly added animation. eg:
9+
```js
10+
// in /demo/src/assets/animations.js
11+
export default [
12+
...
13+
{
14+
name: 'Fade', // the title of the animation to display on the demo page
15+
class: 'fade', // the value that will set to the name prop of the transition wrapper
16+
}
17+
...
18+
]
19+
```
20+
21+
#### Notes
22+
* When working on your own fork, be sure to create a new branch and work on.
23+
* When submitting a PR, be sure to submit to the `develop` branch. PRs to `master` will be closed please.

README.md

+1-22
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# vue-transitions-css
22
A lightweight CSS library for for adding transitions to Vue components :star:
33

4-
[Demo](https://vue-transitions-css.netlify.app/) | [Contribution](#contribution)
4+
[Demo](https://vue-transitions-css.netlify.app/) | [Contribution](./CONTRIBUTION.md) | [Changelog](./CHANGELOG.md)
55

66
## USAGE
77
Installation via NPM:
@@ -24,24 +24,3 @@ In any `.vue` file:
2424
<Content v-if="show" />
2525
</transition>
2626
```
27-
28-
29-
### CONTRIBUTION
30-
After creating a fork and cloning locally:
31-
32-
1. Install dependencies in the root(`/`) directory with: `npm install`
33-
2. Install dependencies in the `/demo` directory with `cd demo && npm install`
34-
3. Open two terminal tabs, In the first run: `npm run watch` and in the second run: `npm run develop`
35-
4. Edit/Create the css files in `/src` folder in the root dir to add new classes.
36-
5. Open the `/demo/src/assets/animations.js` file and add details about the newly added animation. eg:
37-
```js
38-
// in /demo/src/assets/animations.js
39-
export default [
40-
...
41-
{
42-
name: 'Fade', // the title of the animation to display on the demo page
43-
class: 'fade', // the value that will set to the name prop of the transition wrapper
44-
}
45-
...
46-
]
47-
```

0 commit comments

Comments
 (0)