animation 0.1.alpha.0 → 0.1.alpha.1

data/stylesheets/animation/animate/_specials.sass

@@ -1,40 +0,0 @@
-// ---------------------------------------------------------------------------
-+keyframes(hinge)
-  0%
-    +rotate(0)
-    +transform-origin(top left)
-    +animation-timing-function(ease-in-out)
-  20%, 60%
-    +rotate(80deg)
-    +transform-origin(top left)
-    +animation-timing-function(ease-in-out)
-  40%
-    +rotate(60deg)
-    +transform-origin(top left)
-    +animation-timing-function(ease-in-out)
-  80%
-    +transform(rotate(60deg) translateY(0))
-    +opacity(1)
-    +transform-origin(top left)
-    +animation-timing-function(ease-in-out)
-  100%
-    +translateY(700px)
-    +opacity(0)
-
-// ---------------------------------------------------------------------------
-+keyframes(rollIn)
-  0%
-    +opacity(0)
-    +transform(translateX(-100%) rotate(-120deg))
-  100%
-    +opacity(1)
-    +transform(translateX(0px) rotate(0deg))
-
-// ---------------------------------------------------------------------------
-+keyframes(rollOut)
-  0%
-    +opacity(1)
-    +transform(translateX(0px) rotate(0deg))
-  100%
-    +opacity(0)
-    +transform(translateX(-100%) rotate(-120deg))

data/stylesheets/animation/animate/bouncing/_bouncing-entrances.sass

@@ -1,64 +0,0 @@
-// ---------------------------------------------------------------------------
-+keyframes(bounceIn)
-  0%
-    opacity: 0
-    +scale(0.3)
-  50%
-    opacity: 1
-    +scale(1.05)
-  70%
-    +scale(0.9)
-  100%
-    +scale(1)
-
-// ---------------------------------------------------------------------------
-+keyframes(bounceInDown)
-  0%
-    opacity: 0
-    +translateY(-2000px)
-  60%
-    opacity: 1
-    +translateY(30px)
-  80%
-    +translateY(-10px)
-  100%
-    +translateY(0)
-
-// ---------------------------------------------------------------------------
-+keyframes(bounceInUp)
-  0%
-    opacity: 0
-    +translateY(2000px)
-  60%
-    opacity: 1
-    +translateY(-30px)
-  80%
-    +translateY(10px)
-  100%
-    +translateY(0)
-
-// ---------------------------------------------------------------------------
-+keyframes(bounceInRight)
-  0%
-    opacity: 0
-    +translateX(2000px)
-  60%
-    opacity: 1
-    +translateX(-30px)
-  80%
-    +translateX(10px)
-  100%
-    +translateX(0)
-
-// ---------------------------------------------------------------------------
-+keyframes(bounceInLeft)
-  0%
-    opacity: 0
-    +translateX(-2000px)
-  60%
-    opacity: 1
-    +translateX(30px)
-  80%
-    +translateX(-10px)
-  100%
-    +translateX(0)

data/stylesheets/animation/animate/bouncing/_bouncing-exits.sass

@@ -1,56 +0,0 @@
-// ---------------------------------------------------------------------------
-+keyframes(bounceOut)
-  0%
-    +scale(1)
-  25%
-    +scale(0.95)
-  50%
-    opacity: 1
-    +scale(1.1)
-  100%
-    opacity: 0
-    +scale(0.3)
-
-// ---------------------------------------------------------------------------
-+keyframes(bounceOutUp)
-  0%
-    +translateY(0)
-  20%
-    opacity: 1
-    +translateY(20px)
-  100%
-    opacity: 0
-    +translateY(-2000px)
-
-// ---------------------------------------------------------------------------
-+keyframes(bounceOutDown)
-  0%
-    +translateY(0)
-  20%
-    opacity: 1
-    +translateY(-20px)
-  100%
-    opacity: 0
-    +translateY(2000px)
-
-// ---------------------------------------------------------------------------
-+keyframes(bounceOutLeft)
-  0%
-    +translateX(0)
-  20%
-    opacity: 1
-    +translateX(20px)
-  100%
-    opacity: 0
-    +translateX(-2000px)
-
-// ---------------------------------------------------------------------------
-+keyframes(bounceOutRight)
-  0%
-    +translateX(0)
-  20%
-    opacity: 1
-    +translateX(-20px)
-  100%
-    opacity: 0
-    +translateX(2000px)

data/stylesheets/animation/animate/fading/_fading-entrances.sass

@@ -1,78 +0,0 @@
-// ---------------------------------------------------------------------------
-+keyframes(fadeIn)
-  0%
-    opacity: 0
-  100%
-    opacity: 1
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeInUp)
-  0%
-    +translateY(20px)
-    opacity: 0
-  100%
-    +translateY(0)
-    opacity: 1
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeInDown)
-  0%
-    +translateY(-20px)
-    opacity: 0
-  100%
-    +translateY(0)
-    opacity: 1
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeInRight)
-  0%
-    +translateX(20px)
-    opacity: 0
-  100%
-    +translateX(0)
-    opacity: 1
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeInLeft)
-  0%
-    +translateX(-20px)
-    opacity: 0
-  100%
-    +translateX(0)
-    opacity: 1
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeInUpBig)
-  0%
-    +translateY(2000px)
-    opacity: 0
-  100%
-    +translateY(0)
-    opacity: 1
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeInDownBig)
-  0%
-    opacity: 0
-    +translateY(-2000px)
-  100%
-    opacity: 1
-    +translateY(0)
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeInRightBig)
-  0%
-    opacity: 0
-    +translateX(2000px)
-  100%
-    opacity: 1
-    +translateX(0)
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeInLeftBig)
-  0%
-    opacity: 0
-    +translateX(-2000px)
-  100%
-    opacity: 1
-    +translateX(0)

data/stylesheets/animation/animate/fading/_fading-exits.sass

@@ -1,78 +0,0 @@
-// ---------------------------------------------------------------------------
-+keyframes(fadeOut)
-  0%
-    opacity: 1
-  100%
-    opacity: 0
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeOutUp)
-  0%
-    +translateY(0)
-    opacity: 1
-  100%
-    +translateY(-20px)
-    opacity: 0
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeOutDown)
-  0%
-    +translateY(0)
-    opacity: 1
-  100%
-    +translateY(20px)
-    opacity: 0
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeOutRight)
-  0%
-    +translateX(0)
-    opacity: 1
-  100%
-    +translateX(20px)
-    opacity: 0
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeOutLeft)
-  0%
-    +translateX(0)
-    opacity: 1
-  100%
-    +translateX(-20px)
-    opacity: 0
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeOutUpBig)
-  0%
-    +translateY(0)
-    opacity: 1
-  100%
-    +translateY(-2000px)
-    opacity: 0
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeOutDownBig)
-  0%
-    opacity: 1
-    +translateY(0)
-  100%
-    opacity: 0
-    +translateY(2000px)
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeOutRightBig)
-  0%
-    opacity: 1
-    +translateX(0)
-  100%
-    opacity: 0
-    +translateX(2000px)
-
-// ---------------------------------------------------------------------------
-+keyframes(fadeOutLeftBig)
-  0%
-    opacity: 1
-    +translateX(0)
-  100%
-    opacity: 0
-    +translateX(-2000px)

data/stylesheets/animation/animate/rotating/_rotating-entrances.sass

@@ -1,54 +0,0 @@
-// ---------------------------------------------------------------------------
-+keyframes(rotateIn)
-  0%
-    +transform-origin(center center)
-    +rotate(-200deg)
-    opacity: 0
-  100%
-    +transform-origin(center center)
-    +rotate(0)
-    opacity: 1
-
-// ---------------------------------------------------------------------------
-+keyframes(rotateInDownLeft)
-  0%
-    +transform-origin(left bottom)
-    +rotate(-90deg)
-    opacity: 0
-  100%
-    +transform-origin(left bottom)
-    +rotate(0)
-    opacity: 1
-
-// ---------------------------------------------------------------------------
-+keyframes(rotateInUpLeft)
-  0%
-    +transform-origin(left bottom)
-    +rotate(90deg)
-    opacity: 0
-  100%
-    +transform-origin(left bottom)
-    +rotate(0)
-    opacity: 1
-
-// ---------------------------------------------------------------------------
-+keyframes(rotateInUpRight)
-  0%
-    +transform-origin(right bottom)
-    +rotate(-90deg)
-    opacity: 0
-  100%
-    +transform-origin(right bottom)
-    +rotate(0)
-    opacity: 1
-
-// ---------------------------------------------------------------------------
-+keyframes(rotateInDownRight)
-  0%
-    +transform-origin(right bottom)
-    +rotate(90deg)
-    opacity: 0
-  100%
-    +transform-origin(right bottom)
-    +rotate(0)
-    opacity: 1

data/stylesheets/animation/animate/rotating/_rotating-exits.sass

@@ -1,54 +0,0 @@
-// ---------------------------------------------------------------------------
-+keyframes(rotateOut)
-  0%
-    +transform-origin(center center)
-    +rotate(0)
-    opacity: 1
-  100%
-    +transform-origin(center center)
-    +rotate(200deg)
-    opacity: 0
-
-// ---------------------------------------------------------------------------
-+keyframes(rotateOutDownLeft)
-  0%
-    +transform-origin(left bottom)
-    +rotate(0)
-    opacity: 1
-  100%
-    +transform-origin(left bottom)
-    +rotate(90deg)
-    opacity: 0
-
-// ---------------------------------------------------------------------------
-+keyframes(rotateOutUpLeft)
-  0%
-    +transform-origin(left bottom)
-    +rotate(0)
-    opacity: 1
-  100%
-    +transform-origin(left bottom)
-    +rotate(-90deg)
-    opacity: 0
-
-// ---------------------------------------------------------------------------
-+keyframes(rotateOutDownRight)
-  0%
-    +transform-origin(right bottom)
-    +rotate(0)
-    opacity: 1
-  100%
-    +transform-origin(right bottom)
-    +rotate(-90deg)
-    opacity: 0
-
-// ---------------------------------------------------------------------------
-+keyframes(rotateOutUpRight)
-  0%
-    +transform-origin(right bottom)
-    +rotate(0)
-    opacity: 1
-  100%
-    +transform-origin(right bottom)
-    +rotate(90deg)
-    opacity: 0

data/stylesheets/animation/core.sass

@@ -1,83 +0,0 @@
-// ---------------------------------------------------------------------------
-// Apply an animation property and value with the correct browser support
-=animation-support($property,$value)
-  +experimental($property, $value, -moz, -webkit, not -o, -ms, not -khtml, official)
-
-// ---------------------------------------------------------------------------
-// Set your animation defaults.
-// $default-animation-name              : Name of any animation as a string. [<name>]
-// $default-animation-duration          : Duration of the entire animation. [<seconds>]
-// $default-animation-delay             : Delay for start of animation. [<seconds>]
-// $default-animation-timing-function   : The timing function(s) to be used between keyframes. [ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)]
-// $default-animation-iteration-count   : The number of times an animation cycle is played. [infinite | <number>]
-// $default-animation-direction         : Whether or not the animation should play in reverse on alternate cycles. [normal | alternate]
-// $default-animation-fill-mode         : What values are applied by the animation outside the time it is executing. [none | forwards | backwards | both]
-
-$default-animation-name             : false
-$default-animation-duration         : false
-$default-animation-delay            : false
-$default-animation-timing-function  : false
-$default-animation-iteration-count  : false
-$default-animation-direction        : false
-$default-animation-fill-mode        : false
-
-// ---------------------------------------------------------------------------
-// Create up a named animation sequesnce that can be applied to elements later.
-// $name    - The name of your animation.
-// @content - The keyframes of the animation.
-=keyframes($name)
-  @-webkit-keyframes #{$name}
-    @content
-  @-moz-keyframes #{$name}
-    @content
-  @-ms-keyframes #{$name}
-    @content
-  @keyframes #{$name}
-    @content
-
-// ---------------------------------------------------------------------------
-=animation-name($name-1: $default-animation-name, $name-2: false, $name-3: false, $name-4: false, $name-5: false, $name-6: false, $name-7: false, $name-8: false, $name-9: false, $name-10: false)
-  $name: compact($name-1, $name-2, $name-3, $name-4, $name-5, $name-6, $name-7, $name-8, $name-9, $name-10)
-  +animation-support(animation-name, $name)
-
-// ---------------------------------------------------------------------------
-=animation-duration($duration-1: $default-animation-duration, $duration-2: false, $duration-3: false, $duration-4: false, $duration-5: false, $duration-6: false, $duration-7: false, $duration-8: false, $duration-9: false, $duration-10: false)
-  $duration: compact($duration-1, $duration-2, $duration-3, $duration-4, $duration-5, $duration-6, $duration-7, $duration-8, $duration-9, $duration-10)
-  +animation-support(animation-duration, $duration)
-
-// ---------------------------------------------------------------------------
-=animation-delay($delay-1: $default-animation-delay, $delay-2: false, $delay-3: false, $delay-4: false, $delay-5: false, $delay-6: false, $delay-7: false, $delay-8: false, $delay-9: false, $delay-10: false)
-  $delay: compact($delay-1, $delay-2, $delay-3, $delay-4, $delay-5, $delay-6, $delay-7, $delay-8, $delay-9, $delay-10)
-  +animation-support(animation-delay, $delay)
-
-// ---------------------------------------------------------------------------
-=animation-timing-function($function-1: $default-animation-timing-function, $function-2: false, $function-3: false, $function-4: false, $function-5: false, $function-6: false, $function-7: false, $function-8: false, $function-9: false, $function-10: false)
-  $function: compact($function-1, $function-2, $function-3, $function-4, $function-5, $function-6, $function-7, $function-8, $function-9, $function-10)
-  +animation-support(animation-timing-function, $function)
-
-// ---------------------------------------------------------------------------
-=animation-iteration-count($count-1: $default-animation-iteration-count, $count-2: false, $count-3: false, $count-4: false, $count-5: false, $count-6: false, $count-7: false, $count-8: false, $count-9: false, $count-10: false)
-  $count: compact($count-1, $count-2, $count-3, $count-4, $count-5, $count-6, $count-7, $count-8, $count-9, $count-10)
-  +animation-support(animation-iteration-count, $count)
-
-// ---------------------------------------------------------------------------
-=animation-direction($direction-1: $default-animation-direction, $direction-2: false, $direction-3: false, $direction-4: false, $direction-5: false, $direction-6: false, $direction-7: false, $direction-8: false, $direction-9: false, $direction-10: false)
-  $direction: compact($direction-1, $direction-2, $direction-3, $direction-4, $direction-5, $direction-6, $direction-7, $direction-8, $direction-9, $direction-10)
-  +animation-support(animation-direction, $direction)
-
-// ---------------------------------------------------------------------------
-=animation-fill-mode($mode-1: $default-animation-fill-mode, $mode-2: false, $mode-3: false, $mode-4: false, $mode-5: false, $mode-6: false, $mode-7: false, $mode-8: false, $mode-9: false, $mode-10: false)
-  $mode: compact($mode-1, $mode-2, $mode-3, $mode-4, $mode-5, $mode-6, $mode-7, $mode-8, $mode-9, $mode-10)
-  +animation-support(animation-fill-mode, $mode)
-
-// ---------------------------------------------------------------------------
-// Shortcut to apply a named animation to an element, with all the settings.
-// $animation-1   : Name and settings for the first animation. [<values> | default]
-// ...
-// $animation-10  : Name and settings for the tenth animation. <values>
-=animation($animation-1: default, $animation-2: false, $animation-3: false, $animation-4: false, $animation-5: false, $animation-6: false, $animation-7: false, $animation-8: false, $animation-9: false, $animation-10: false)
-  @if $animation-1 == default
-    $animation-1: -compass-space-list(compact($default-animation-name, $default-animation-duration, $default-animation-timing-function, $default-animation-delay, $default-animation-iteration-count, $default-animation-direction, $default-animation-fill-mode))
-
-  $animation: compact($animation-1, $animation-2, $animation-3, $animation-4, $animation-5, $animation-6, $animation-7, $animation-8, $animation-9, $animation-10)
-  +animation-support(animation, $animation)