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

Andrew Deniszczyc - Animate.css Snippets for Sublime Text
Daniel Eden - Animate.css

animate.css-snippets's People

Contributors

Stargazers

Watchers

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.

adeniszczyc / animate.css-snippets Goto Github PK

animate.css-snippets's Introduction

Animate.css Snippets for Sublime Text

Usage

Installation

License

Credits

animate.css-snippets's People

Contributors

Stargazers

Watchers

Forkers

animate.css-snippets's Issues

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

scss file

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent