Giter Club home page Giter Club logo

animate.css-snippets's Introduction

Animate.css Snippets for Sublime Text

A collection of snippets from Animate.css for Sublime Text.

Usage

In Sublime Text, enter animatecss- followed by an animation name as listed on Animate.css. Then hit the Tab key to generate the aniamtion code. For example:

animatecss-bounceOutDown

Will generate:

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

...

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

Installation

The easiest method is to use Package Control. In Sublime Text, press Cmd+Shift+P on OS X or Ctrl+Shift+P on Windows/Linux, then go to "Package Control:Install Package". Search for "Animate.css", and hit Enter to install.

License

Animate.css Snippets for Sublime Text is licensed under MIT. (http://opensource.org/licenses/MIT)

Credits

animate.css-snippets's People

Contributors

adeniszczyc avatar corbanmailloux avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

allen1973

animate.css-snippets's Issues

Remove the dot `.` on the package name `Animate.css Snippets`

On wbond/package_control_channel#2524 (Test against package names containing periods) was determinate that Sublime Text 3 cannot support package names within dot on their names. Then all the packages with dot . on their names should either be renamed without the dot, or marked as Sublime Text 2 supported.

If after sometime, a pull request to package_control_channel removing the dot . on the package name is not sent, the package will be marked as supported by Sublime Text 2 only. Currently the package is marked as supported by all versions of Sublime Text.


What steps do I need to take?

Just open a pull request on the package control channel renaming you package to a new name without a dot. On your case, the new change could be like this:

		{
			"name": "Animate CSS Snippets",
			"details": "https://github.com/adeniszczyc/Animate.css-Snippets",
			"previous_names": ["Animate.css Snippets"],
			"releases": [
				{
					"sublime_text": "*",
					"branch": "master"
				}
			]
		},

By using the previous_names array, everybody who has installed your package will get their installed name renamed as soon as package control starts updating the packages.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.