cat_ 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: bb5f603f6636c29a42b27ee5d18219ec1bcb1f96
-  data.tar.gz: 871847c23294bf53fdb126cbde597795e28903a3
+  metadata.gz: a9defdd5b87bada7c9a8028a76eddec8a793902f
+  data.tar.gz: 75190d2e055180fed00d74c20d505ae52ca446f0
 SHA512:
-  metadata.gz: b7d2a1b3c52f93d9a2e869ef8f4b078f323bfd2610a02f751f3034282865283ad89c4090e3caa1f5db08fa7e1eaa661da21b6be84df7c3180d16caf975de796e
-  data.tar.gz: bfe155ae99d300dc18d839d3da025afd1c79ad433d3466d301fd89b910a1946a43ac88d6ec0e9f2b7f2287c462de603ff7e230c8595d555dff6415aec94ad29f
+  metadata.gz: f34551b8fd2ec1acc28e34dc8dfa995245a4888b50e0c0037e68c4d4e8f51db333f6ed6a7c5a80ab6b152759f616d4edbb25861c9f191288319ae172602e25fd
+  data.tar.gz: eac9ba9abb5060678e11838435841d6f8191658d4c8d65b41427ce6150c45cc933be34bf550784ed5412c851337f4fc8688573d68ad2e6093e0baad8795adc1c

data/lib/cat/skeleton.rb

@@ -25,7 +25,7 @@ module Cat
         %{
 html
   head
-    title Loading Car
+    title Loading Cat
     link(href="skin.css" rel="stylesheet")
   body
 #{cat}

data/lib/cat/skin.rb

@@ -8,6 +8,30 @@ module Cat
 body {
   background-color: $bgColor;
 }
+
+@keyframes rotating {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(720deg);
+  }
+}
+
+@keyframes speedup {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  75% {
+    transform: rotate(280deg)
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
       }
 
       @variables  = {

data/lib/cat/skin_node.rb

@@ -9,6 +9,7 @@ require 'cat/style/clip'
 require 'cat/style/position'
 require 'cat/style/offset'
 require 'cat/style/rounded'
+require 'cat/style/animation'
 
 module Cat
   class SkinNode
@@ -77,6 +78,11 @@ module Cat
       self
     end
 
+    def animation(name = :rotating)
+      @styles << Style::Animation.new(name)
+      self
+    end
+
     def to_s
       @styles.join("\n")
     end

data/lib/cat/style/animation.rb

@@ -0,0 +1,19 @@
+module Cat
+  module Style
+    class Animation
+      def initialize(name)
+        @name = name
+      end
+
+      def to_s
+        %{
+animation-name: #{@name};
+animation-duration: 2.79s;
+animation-direction: reverse;
+animation-iteration-count: infinite;
+animation-timing-function: linear;
+        }
+      end
+    end
+  end
+end

data/lib/cat/version.rb

@@ -1,3 +1,3 @@
 module Cat
-  VERSION = "0.1.0"
+  VERSION = "0.2.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: cat_
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - 蒼時弦也
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-01-15 00:00:00.000000000 Z
+date: 2017-01-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rack
@@ -119,6 +119,7 @@ files:
 - lib/cat/skeleton_node.rb
 - lib/cat/skin.rb
 - lib/cat/skin_node.rb
+- lib/cat/style/animation.rb
 - lib/cat/style/center.rb
 - lib/cat/style/clip.rb
 - lib/cat/style/ellipse.rb