https://github.com/jogboms/nativescript-animate-sass
Use animate.css on your Nativescript + SASS apps
https://github.com/jogboms/nativescript-animate-sass
Last synced: 3 months ago
JSON representation
Use animate.css on your Nativescript + SASS apps
- Host: GitHub
- URL: https://github.com/jogboms/nativescript-animate-sass
- Owner: jogboms
- License: mit
- Created: 2017-06-28T02:57:04.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-09-08T12:48:05.000Z (about 8 years ago)
- Last Synced: 2025-04-22T17:48:52.222Z (6 months ago)
- Language: CSS
- Size: 19.5 KB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Nativescript + SASS Animations
This is a Nativescript & SASS port of the popular [animate.css](https://github.com/daneden/animate.css) library for your Nativescript + SASS apps.
## How To
* Install. (Its expected that you have nativescript-dev-sass installed as well).
```
npm i nativescript-animate-sass --save
```
* In your SASS file.
``` scss
@import '~nativescript-animate-sass/animate.scss';
// or
// @import '~nativescript-animate-sass/src/pulse.scss';
// pulse($duration, $function, $infinite?: boolean)
.pulse {
@include pulse(2.5s, ease-in, true);
}
```
* This should produce
``` css
.pulse {
animation-name: pulse;
animation-duration: 2.5s;
animation-fill-mode: both;
animation-timing-function: ease-in;
animation-iteration-count: infinite;
}
```
* In your Component.
``` html
```
* Thats all. For more info on animations, see [animate.css](https://github.com/daneden/animate.css).
## License
[MIT](/LICENSE)