_animation.css.sass in oulu-rails-0.5.22

- old
+ new
@@ -1,56 +1,45 @@
-// どこでも transition が書ける設定
-=transition-basics($value)
-  @if transition_duration($value)
-    +transition-duration($value)
-  @else if transition_timing_function($value)
-    +transition-timing-function($value)
-  @else if transition_delay($value)
-    +transition-delay(transition_delay($value))
-  @else if transition_property($value)
-    +transition-property($value)
+=transition($value1: null, $value2: null, $value3: null, $value4: null, $value5: null, $value6: null, $value7: null, $value8: null, $value9: null, $value10: null)
+  $list: $value1 $value2 $value3 $value4 $value5 $value6 $value7 $value8 $value9 $value10
+  $transition-properties: ()
+  $transition-durations: ()
+  $transition-timing-functions: ()
+  $transition-delays: ()
+  @each $value in $list
+    @for $i from 1 through length($value)
+      $transition-properties: append($transition-properties, if(transition_property(nth($value, $i)), nth($value, $i), null), comma)
+      $transition-durations: append($transition-durations, if(transition_duration(nth($value, $i)), nth($value, $i), null), comma)
+      $transition-timing-functions: append($transition-timing-functions, if(transition_timing_function(nth($value, $i)), nth($value, $i), null), comma)
+      $transition-delays: append($transition-delays, if(transition_delay(nth($value, $i)), transition_delay(nth($value, $i)), null), comma)
+  +transition-property($transition-properties)
+  +transition_duration($transition-durations)
+  +transition_timing_function($transition-timing-functions)
+  +transition-delay($transition-delays)
 
-=transition($value)
-  @for $i from 1 through length($value)
-    +transition-basics(nth($value, $i))
-
-// どこでも animation が書ける設定
-=animation-basics($value)
-  @if animation_name($value)
-    +animation-name($value)
-    $animation-name: $value
-  @else if animation_duration($value)
-    +animation-duration($value)
-  @else if animation_timing_function($value)
-    +animation-timing-function($value)
-  @else if animation_delay($value)
-    +animation-delay(animation_delay($value))
-  @else if animation_iteration_count($value)
-    +animation-iteration-count($value)
-  @else if animation_direction($value)
-    +animation-direction($value)
-  @else if animation_fill_mode($value)
-    +animation-fill-mode($value)
-  @else if animation_play_state($value)
-    +animation-play-state($value)
-
-=animations($value1: null, $value2: null, $value3: null, $value4: null, $value5: null, $value6: null)
-  $list: $value1 $value2 $value3 $value4 $value5 $value6
-  $added-animation-names: null
+=animations($value1: null, $value2: null, $value3: null, $value4: null, $value5: null, $value6: null, $value7: null, $value8: null, $value9: null, $value10: null)
+  $list: $value1 $value2 $value3 $value4 $value5 $value6 $value7 $value8 $value9 $value10
+  $animation-names: ()
+  $animation-durations: ()
+  $animation-timing-functions: ()
+  $animation-delays: ()
+  $animation-iteration-counts: ()
+  $animation-directions: ()
+  $animation-fill-modes: ()
+  $animation-play-states: ()
   @each $value in $list
     @for $i from 1 through length($value)
-      @if animation_name(nth($value, $i))
-        // +animation-name(nth($value, $i))
-      @else if animation_duration(nth($value, $i))
-        // +animation-duration(nth($value, $i))
-      @else if animation_timing_function(nth($value, $i))
-        // +animation-timing-function(nth($value, $i))
-      @else if animation_delay(nth($value, $i))
-        // +animation-delay(animation_delay(nth($value, $i)))
-      @else if animation_iteration_count(nth($value, $i))
-        // +animation-iteration-count(nth($value, $i))
-      @else if animation_direction(nth($value, $i))
-        // +animation-direction(nth($value, $i))
-      @else if animation_fill_mode(nth($value, $i))
-        // +animation-fill-mode(nth($value, $i))
-      @else if animation_play_state(nth($value, $i))
-        // +animation-play-state(nth($value, $i))
+      $animation-names: append($animation-names, if(animation_name(nth($value, $i)), nth($value, $i), null), comma)
+      $animation-durations: append($animation-durations, if(animation_duration(nth($value, $i)), nth($value, $i), null), comma)
+      $animation-timing-functions: append($animation-timing-functions, if(animation_timing_function(nth($value, $i)), nth($value, $i), null), comma)
+      $animation-delays: append($animation-delays, if(animation_delay(nth($value, $i)), animation_delay(nth($value, $i)), null), comma)
+      $animation-iteration-counts: append($animation-iteration-counts, if(animation_iteration_count(nth($value, $i)), nth($value, $i), null), comma)
+      $animation-directions: append($animation-directions, if(animation_direction(nth($value, $i)), nth($value, $i), null), comma)
+      $animation-fill-modes: append($animation-fill-modes, if(animation_fill_mode(nth($value, $i)), nth($value, $i), null), comma)
+      $animation-play-states: append($animation-play-states, if(animation_play_state(nth($value, $i)), nth($value, $i), null), comma)
+  +animation-name($animation-names)
+  +animation_duration($animation-durations)
+  +animation_timing_function($animation-timing-functions)
+  +animation-delay($animation-delays)
+  +animation-iteration-count($animation-iteration-counts)
+  +animation-direction($animation-directions)
+  +animation-fill-mode($animation-fill-modes)
+  +animation-play-state($animation-play-states)