{"_id":"animatewithsass","_rev":"5-96cf34aa51f191444316e4ed4e67c7f9","name":"animatewithsass","description":"A SASS port of Dan Eden's Animate.css","dist-tags":{"latest":"3.2.1"},"versions":{"3.2.1":{"name":"animatewithsass","version":"3.2.1","description":"A SASS port of Dan Eden's Animate.css","main":"animate.scss","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/geoffgraham/animate.scss.git"},"author":{"name":"geoffgraham","email":"@geoffreygraham"},"license":"MIT","bugs":{"url":"https://github.com/geoffgraham/animate.scss/issues"},"homepage":"https://github.com/geoffgraham/animate.scss#readme","keywords":["animate.scss","animate.css","animate"],"gitHead":"f04891e370a58dbc30491039fd76640d8e5503f6","_id":"animatewithsass@3.2.1","_shasum":"4ae833f5b852377c6e8fd574c4223334dfee8c19","_from":".","_npmVersion":"2.13.5","_nodeVersion":"0.12.7","_npmUser":{"name":"mchlbrnd","email":"michael.wolbert@gmail.com"},"dist":{"shasum":"4ae833f5b852377c6e8fd574c4223334dfee8c19","tarball":"https://registry.npmjs.org/animatewithsass/-/animatewithsass-3.2.1.tgz","integrity":"sha512-RE7RmmMufLAslUonuDOZ6Kx7Wxple/8SL1ugP1RlIMjgZBGRnP8mVpA/PA5Te9D5qmmefpSWIEBrVLfVaZ0qFA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFVRBCBQmPyLJgUegnEplO33O8Rmm90oCasbaxD5nmlfAiEAp0ELJ9aYoFSg3XBg++GY/7qLZXj48pSxcQrOCP0l6U0="}]},"maintainers":[{"name":"mchlbrnd","email":"michael.wolbert@gmail.com"}]}},"readme":"# Animate.scss\n\nThis is a port of Dan Eden's [Animate.css](http://daneden.github.io/animate.css/) for SASS.\n\n## Doesn't this already exist somewhere else?\n\nYes, there are plenty of other ports of this library. Many of them aren't very active projects and, honestly, I was just a little too lazy to submit my changes to those repositories.\n\nAlso, I was looking for something a little more flexible. This version allows you to import all animations at a whopping 53kb or only import what you need. It's a flavor thing.\n\n## Installing\n\nGrab it with Bower\n````\nbower install animatewithsass\n````\n\nThe default import includes all animations. \n\n```\n@import \"animate.scss\";\n```\n\nWant to pick and choose which animations are imported? Go into animate.scss and comment out what you don't need.\n\n```\n// Always required\n@import \n \"_properties\";\n\n// Import the animations\n@import \n // \"_attention/attention.scss\", // This will not import\n \"_bouncing-entrances/bouncing-entrances.scss\",\n \"_bouncing-exits/bouncing-exits.scss\",\n \"_fading-entrances/fading-entrances.scss\",\n \"_fading-exits/fading-exits.scss\",\n \"_flippers/flippers.scss\",\n \"_lightspeed/lightspeed.scss\",\n \"_rotating-entrances/rotating-entrances.scss\",\n \"_rotating-exits/rotating-exits.scss\",\n \"_specials/specials.scss\";\n```\nYou only want one of two of the animations? You can `@import` the specific partials in animate.scss instead (Example: `@import \"_attention/_bounce\";`).\n\n## Usage\n\nOnce your files have been added to your project and you've customized your `@imports`, you can start including the animations directly to your classes.\n\n```\n.your-class-name {\n @include bounceIn();\n}\n```\n\nThe mixin includes configurable options to customize the `delay`, `count` `duration`, `function` and `fill-mode` of your animations.\n\n```\n.your-class-name {\n @include bounceIn(\n $duration: 1s,\n $count: 2,\n $delay: .2s,\n $function: ease, \n $fill: both\n );\n}\n```\n\n## Just Want the CSS?\n\nYou can have that too. Link up animate.css to your document `` and add the animations like you would any class name.\n\n## Licenses\n\nAnimate.css and Animate.scss are both licensed under the MIT license. (http://opensource.org/licenses/MIT)\n\n## Contributing\n\nFeel free to submit a pull request. I'm open to animations not included in Animate.css. If you're going to submit a pull request, please match the formatting (naming convention and file structure) and include a demo of your submission on [CodePen](http://www.codepen.io).\n\nThanks!\n","maintainers":[{"name":"geoffgraham","email":"geoff@geoffgraham.me"},{"name":"mchlbrnd","email":"michael.wolbert@gmail.com"}],"time":{"modified":"2022-06-13T03:04:08.669Z","created":"2015-11-01T20:19:42.342Z","3.2.1":"2015-11-01T20:19:42.342Z"},"homepage":"https://github.com/geoffgraham/animate.scss#readme","keywords":["animate.scss","animate.css","animate"],"repository":{"type":"git","url":"git+https://github.com/geoffgraham/animate.scss.git"},"author":{"name":"geoffgraham","email":"@geoffreygraham"},"bugs":{"url":"https://github.com/geoffgraham/animate.scss/issues"},"license":"MIT","readmeFilename":"README.md","users":{"filipve":true}}