init commit

Author: zbryikt

.gitignore

@@ -0,0 +1,2 @@
+.*.swp
+node_modules

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017, loading.io
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -0,0 +1,8 @@
+# state.css
+
+Stateful CSS animation.
+
+
+## LICENSE
+
+MIT License

build

@@ -0,0 +1,11 @@
+#!/usr/bin/env bash
+mkdir -p dist
+echo "build src/state.styl -> dist/state.css ..."
+./node_modules/.bin/stylus -p src/state.styl > dist/state.css
+echo "minifying state.css ..."
+./node_modules/.bin/uglifycss dist/state.css > dist/state.min.css
+echo "deploy into local web ..."
+mkdir -p web/static/assets/lib/state.css/
+cp -R dist/* web/static/assets/lib/state.css/
+echo "done."
+

dist/state.css

@@ -0,0 +1,47 @@
+.ld.ld-flip-ltr {
+  animation: ld-flip-ltr 1s linear 1;
+}
+@-moz-keyframes ld-flip-ltr {
+  0%, 100% {
+    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
+  }
+  0% {
+    transform: scale(1, 1);
+  }
+  100% {
+    transform: scale(-1, 1);
+  }
+}
+@-webkit-keyframes ld-flip-ltr {
+  0%, 100% {
+    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
+  }
+  0% {
+    transform: scale(1, 1);
+  }
+  100% {
+    transform: scale(-1, 1);
+  }
+}
+@-o-keyframes ld-flip-ltr {
+  0%, 100% {
+    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
+  }
+  0% {
+    transform: scale(1, 1);
+  }
+  100% {
+    transform: scale(-1, 1);
+  }
+}
+@keyframes ld-flip-ltr {
+  0%, 100% {
+    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
+  }
+  0% {
+    transform: scale(1, 1);
+  }
+  100% {
+    transform: scale(-1, 1);
+  }
+}