animate.sass-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (85) hide show
  1. data/MIT-LICENSE +20 -0
  2. data/README.md +26 -0
  3. data/Rakefile +26 -0
  4. data/lib/animate.sass-rails.rb +6 -0
  5. data/lib/animate.sass-rails/version.rb +3 -0
  6. data/vendor/assets/stylesheets/_animate.sass +7 -0
  7. data/vendor/assets/stylesheets/animate/_animations.sass +35 -0
  8. data/vendor/assets/stylesheets/animate/_css3.sass +3 -0
  9. data/vendor/assets/stylesheets/animate/_shared.sass +2 -0
  10. data/vendor/assets/stylesheets/animate/_utilities.sass +1 -0
  11. data/vendor/assets/stylesheets/animate/animations/_attention-seekers.sass +7 -0
  12. data/vendor/assets/stylesheets/animate/animations/_bouncing-entrances.sass +5 -0
  13. data/vendor/assets/stylesheets/animate/animations/_bouncing-exits.sass +5 -0
  14. data/vendor/assets/stylesheets/animate/animations/_fading-entrances.sass +12 -0
  15. data/vendor/assets/stylesheets/animate/animations/_fading-exits.sass +12 -0
  16. data/vendor/assets/stylesheets/animate/animations/_flippers.sass +5 -0
  17. data/vendor/assets/stylesheets/animate/animations/_rotating-entrances.sass +5 -0
  18. data/vendor/assets/stylesheets/animate/animations/_rotating-exits.sass +5 -0
  19. data/vendor/assets/stylesheets/animate/animations/_specials.sass +3 -0
  20. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_bounce.sass +42 -0
  21. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_flash.sass +38 -0
  22. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_pulse.sass +36 -0
  23. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_shake.sass +50 -0
  24. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_swing.sass +41 -0
  25. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_tada.sass +50 -0
  26. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_wobble.sass +44 -0
  27. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceIn.sass +38 -0
  28. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInDown.sass +38 -0
  29. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInLeft.sass +38 -0
  30. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInRight.sass +38 -0
  31. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInUp.sass +38 -0
  32. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOut.sass +38 -0
  33. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutDown.sass +36 -0
  34. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutLeft.sass +36 -0
  35. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutRight.sass +36 -0
  36. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutUp.sass +36 -0
  37. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeIn.sass +32 -0
  38. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInDown.sass +34 -0
  39. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInDownBig.sass +34 -0
  40. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInLeft.sass +34 -0
  41. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInLeftBig.sass +34 -0
  42. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInRight.sass +34 -0
  43. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInRightBig.sass +34 -0
  44. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInUp.sass +34 -0
  45. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInUpBig.sass +34 -0
  46. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOut.sass +32 -0
  47. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutDown.sass +34 -0
  48. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutDownBig.sass +34 -0
  49. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutLeft.sass +34 -0
  50. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutLeftBig.sass +34 -0
  51. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutRight.sass +34 -0
  52. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutRightBig.sass +34 -0
  53. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutUp.sass +34 -0
  54. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutUpBig.sass +34 -0
  55. data/vendor/assets/stylesheets/animate/animations/flippers/_flip.sass +44 -0
  56. data/vendor/assets/stylesheets/animate/animations/flippers/_flipInX.sass +39 -0
  57. data/vendor/assets/stylesheets/animate/animations/flippers/_flipInY.sass +39 -0
  58. data/vendor/assets/stylesheets/animate/animations/flippers/_flipOutX.sass +35 -0
  59. data/vendor/assets/stylesheets/animate/animations/flippers/_flipOutY.sass +35 -0
  60. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateIn.sass +36 -0
  61. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInDownLeft.sass +36 -0
  62. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInDownRight.sass +36 -0
  63. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInUpLeft.sass +36 -0
  64. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInUpRight.sass +36 -0
  65. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOut.sass +36 -0
  66. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutDownLeft.sass +36 -0
  67. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutDownRight.sass +36 -0
  68. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutUpLeft.sass +36 -0
  69. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutUpRight.sass +36 -0
  70. data/vendor/assets/stylesheets/animate/animations/specials/_hinge.sass +48 -0
  71. data/vendor/assets/stylesheets/animate/animations/specials/_rollIn.sass +36 -0
  72. data/vendor/assets/stylesheets/animate/animations/specials/_rollOut.sass +36 -0
  73. data/vendor/assets/stylesheets/animate/css3/_animation.sass +49 -0
  74. data/vendor/assets/stylesheets/animate/css3/_backface-visibility.sass +8 -0
  75. data/vendor/assets/stylesheets/animate/css3/_transform.sass +19 -0
  76. data/vendor/assets/stylesheets/animate/css3/animation/_animation-delay.sass +10 -0
  77. data/vendor/assets/stylesheets/animate/css3/animation/_animation-direction.sass +10 -0
  78. data/vendor/assets/stylesheets/animate/css3/animation/_animation-duration.sass +10 -0
  79. data/vendor/assets/stylesheets/animate/css3/animation/_animation-fill-mode.sass +10 -0
  80. data/vendor/assets/stylesheets/animate/css3/animation/_animation-iteration-count.sass +10 -0
  81. data/vendor/assets/stylesheets/animate/css3/animation/_animation-name.sass +10 -0
  82. data/vendor/assets/stylesheets/animate/css3/animation/_animation-play-state.sass +10 -0
  83. data/vendor/assets/stylesheets/animate/css3/animation/_animation-timing-function.sass +10 -0
  84. data/vendor/assets/stylesheets/animate/utilities/_mixins.sass +7 -0
  85. metadata +146 -0
@@ -0,0 +1,36 @@
1
+ =rotateInUpLeft($prefix)
2
+ 0%
3
+ +transform-origin(left bottom, $prefix)
4
+ +transform(rotate(90deg), $prefix)
5
+ opacity: 0
6
+ 100%
7
+ +transform-origin(left bottom, $prefix)
8
+ +transform(rotate(0), $prefix)
9
+ opacity: 1
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes rotateInUpLeft
13
+ +rotateInUpLeft(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes rotateInUpLeft
17
+ +rotateInUpLeft(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes rotateInUpLeft
21
+ +rotateInUpLeft(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes rotateInUpLeft
25
+ +rotateInUpLeft(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes rotateInUpLeft
29
+ +rotateInUpLeft(o)
30
+
31
+ @keyframes rotateInUpLeft
32
+ +rotateInUpLeft(none)
33
+
34
+
35
+ .rotateInUpLeft
36
+ +animation-name(rotateInUpLeft)
@@ -0,0 +1,36 @@
1
+ =rotateInUpRight($prefix)
2
+ 0%
3
+ +transform-origin(right bottom, $prefix)
4
+ +transform(rotate(-90deg), $prefix)
5
+ opacity: 0
6
+ 100%
7
+ +transform-origin(right bottom, $prefix)
8
+ +transform(rotate(0), $prefix)
9
+ opacity: 1
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes rotateInUpRight
13
+ +rotateInUpRight(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes rotateInUpRight
17
+ +rotateInUpRight(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes rotateInUpRight
21
+ +rotateInUpRight(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes rotateInUpRight
25
+ +rotateInUpRight(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes rotateInUpRight
29
+ +rotateInUpRight(o)
30
+
31
+ @keyframes rotateInUpRight
32
+ +rotateInUpRight(none)
33
+
34
+
35
+ .rotateInUpRight
36
+ +animation-name(rotateInUpRight)
@@ -0,0 +1,36 @@
1
+ =rotateOut($prefix)
2
+ 0%
3
+ +transform-origin(center center, $prefix)
4
+ +transform(rotate(0), $prefix)
5
+ opacity: 1
6
+ 100%
7
+ +transform-origin(center center, $prefix)
8
+ +transform(rotate(200deg), $prefix)
9
+ opacity: 0
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes rotateOut
13
+ +rotateOut(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes rotateOut
17
+ +rotateOut(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes rotateOut
21
+ +rotateOut(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes rotateOut
25
+ +rotateOut(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes rotateOut
29
+ +rotateOut(o)
30
+
31
+ @keyframes rotateOut
32
+ +rotateOut(none)
33
+
34
+
35
+ .rotateOut
36
+ +animation-name(rotateOut)
@@ -0,0 +1,36 @@
1
+ =rotateOutDownLeft($prefix)
2
+ 0%
3
+ +transform-origin(left bottom, $prefix)
4
+ +transform(rotate(0), $prefix)
5
+ opacity: 1
6
+ 100%
7
+ +transform-origin(left bottom, $prefix)
8
+ +transform(rotate(90deg), $prefix)
9
+ opacity: 0
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes rotateOutDownLeft
13
+ +rotateOutDownLeft(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes rotateOutDownLeft
17
+ +rotateOutDownLeft(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes rotateOutDownLeft
21
+ +rotateOutDownLeft(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes rotateOutDownLeft
25
+ +rotateOutDownLeft(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes rotateOutDownLeft
29
+ +rotateOutDownLeft(o)
30
+
31
+ @keyframes rotateOutDownLeft
32
+ +rotateOutDownLeft(none)
33
+
34
+
35
+ .rotateOutDownLeft
36
+ +animation-name(rotateOutDownLeft)
@@ -0,0 +1,36 @@
1
+ =rotateOutDownRight($prefix)
2
+ 0%
3
+ +transform-origin(right bottom, $prefix)
4
+ +transform(rotate(0), $prefix)
5
+ opacity: 1
6
+ 100%
7
+ +transform-origin(right bottom, $prefix)
8
+ +transform(rotate(-90deg), $prefix)
9
+ opacity: 0
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes rotateOutDownRight
13
+ +rotateOutDownRight(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes rotateOutDownRight
17
+ +rotateOutDownRight(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes rotateOutDownRight
21
+ +rotateOutDownRight(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes rotateOutDownRight
25
+ +rotateOutDownRight(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes rotateOutDownRight
29
+ +rotateOutDownRight(o)
30
+
31
+ @keyframes rotateOutDownRight
32
+ +rotateOutDownRight(none)
33
+
34
+
35
+ .rotateOutDownRight
36
+ +animation-name(rotateOutDownRight)
@@ -0,0 +1,36 @@
1
+ =rotateOutUpLeft($prefix)
2
+ 0%
3
+ +transform-origin(left bottom, $prefix)
4
+ +transform(rotate(0), $prefix)
5
+ opacity: 1
6
+ 100%
7
+ +transform-origin(left bottom, $prefix)
8
+ +transform(rotate(-90deg), $prefix)
9
+ opacity: 0
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes rotateOutUpLeft
13
+ +rotateOutUpLeft(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes rotateOutUpLeft
17
+ +rotateOutUpLeft(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes rotateOutUpLeft
21
+ +rotateOutUpLeft(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes rotateOutUpLeft
25
+ +rotateOutUpLeft(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes rotateOutUpLeft
29
+ +rotateOutUpLeft(o)
30
+
31
+ @keyframes rotateOutUpLeft
32
+ +rotateOutUpLeft(none)
33
+
34
+
35
+ .rotateOutUpLeft
36
+ +animation-name(rotateOutUpLeft)
@@ -0,0 +1,36 @@
1
+ =rotateOutUpRight($prefix)
2
+ 0%
3
+ +transform-origin(right bottom, $prefix)
4
+ +transform(rotate(0), $prefix)
5
+ opacity: 1
6
+ 100%
7
+ +transform-origin(right bottom, $prefix)
8
+ +transform(rotate(90deg), $prefix)
9
+ opacity: 0
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes rotateOutUpRight
13
+ +rotateOutUpRight(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes rotateOutUpRight
17
+ +rotateOutUpRight(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes rotateOutUpRight
21
+ +rotateOutUpRight(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes rotateOutUpRight
25
+ +rotateOutUpRight(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes rotateOutUpRight
29
+ +rotateOutUpRight(o)
30
+
31
+ @keyframes rotateOutUpRight
32
+ +rotateOutUpRight(none)
33
+
34
+
35
+ .rotateOutUpRight
36
+ +animation-name(rotateOutUpRight)
@@ -0,0 +1,48 @@
1
+ =hinge($prefix)
2
+ 0%
3
+ +animation-timing-function(ease-in-out, $prefix)
4
+ +transform(rotate(0), $prefix)
5
+ +transform-origin(top left, $prefix)
6
+ 20%, 60%
7
+ +animation-timing-function(ease-in-out, $prefix)
8
+ +transform(rotate(80deg), $prefix)
9
+ +transform-origin(top left, $prefix)
10
+ 40%
11
+ +transform(rotate(60deg), $prefix)
12
+ +transform-origin(top left, $prefix)
13
+ +animation-timing-function(ease-in-out, $prefix)
14
+ 80%
15
+ opacity: 1
16
+ +animation-timing-function(ease-in-out, $prefix)
17
+ +transform(rotate(60deg) translateY(0), $prefix)
18
+ +transform-origin(top left, $prefix)
19
+ 100%
20
+ +transform(translateY(700px), $prefix)
21
+ opacity: 0
22
+
23
+ @if $experimental-support-for-webkit
24
+ @-webkit-keyframes hinge
25
+ +hinge(webkit)
26
+
27
+ @if $experimental-support-for-khtml
28
+ @-khtml-keyframes hinge
29
+ +hinge(khtml)
30
+
31
+ @if $experimental-support-for-mozilla
32
+ @-moz-keyframes hinge
33
+ +hinge(moz)
34
+
35
+ @if $experimental-support-for-microsoft
36
+ @-ms-keyframes hinge
37
+ +hinge(ms)
38
+
39
+ @if $experimental-support-for-opera
40
+ @-o-keyframes hinge
41
+ +hinge(o)
42
+
43
+ @keyframes hinge
44
+ +hinge(none)
45
+
46
+
47
+ .hinge
48
+ +animation-name(hinge)
@@ -0,0 +1,36 @@
1
+ // Originally authored by Nick Pettit - https://github.com/nickpettit/glide
2
+
3
+ =rollIn($prefix)
4
+ 0%
5
+ opacity: 0
6
+ +transform(translateX(-100%) rotate(-120deg), $prefix)
7
+ 100%
8
+ opacity: 1
9
+ +transform(translateX(0px) rotate(0deg), $prefix)
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes rollIn
13
+ +rollIn(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes rollIn
17
+ +rollIn(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes rollIn
21
+ +rollIn(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes rollIn
25
+ +rollIn(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes rollIn
29
+ +rollIn(o)
30
+
31
+ @keyframes rollIn
32
+ +rollIn(none)
33
+
34
+
35
+ .rollIn
36
+ +animation-name(rollIn)
@@ -0,0 +1,36 @@
1
+ // Originally authored by Nick Pettit - https://github.com/nickpettit/glide
2
+
3
+ =rollOut($prefix)
4
+ 0%
5
+ opacity: 1
6
+ +transform(translateX(0px) rotate(0deg), $prefix)
7
+ 100%
8
+ opacity: 0
9
+ +transform(translateX(100%) rotate(120deg), $prefix)
10
+
11
+ @if $experimental-support-for-webkit
12
+ @-webkit-keyframes rollOut
13
+ +rollOut(webkit)
14
+
15
+ @if $experimental-support-for-khtml
16
+ @-khtml-keyframes rollOut
17
+ +rollOut(khtml)
18
+
19
+ @if $experimental-support-for-mozilla
20
+ @-moz-keyframes rollOut
21
+ +rollOut(moz)
22
+
23
+ @if $experimental-support-for-microsoft
24
+ @-ms-keyframes rollOut
25
+ +rollOut(ms)
26
+
27
+ @if $experimental-support-for-opera
28
+ @-o-keyframes rollOut
29
+ +rollOut(o)
30
+
31
+ @keyframes rollOut
32
+ +rollOut(none)
33
+
34
+
35
+ .rollOut
36
+ +animation-name(rollOut)
@@ -0,0 +1,49 @@
1
+ // Pulled from Bourbon ~ SHA: 93beb25236
2
+ // Bourbon ~ https://github.com/thoughtbot/bourbon
3
+
4
+ // CSS3 Animations - http://www.w3.org/TR/css3-animations/
5
+ //
6
+ // Each of these mixins support comma separated lists of values, which
7
+ // allows different transitions for individual properties to be described
8
+ // in a single style rule. Each value in the list corresponds to the value
9
+ // at that same position in the other properties.
10
+
11
+ @import animation/animation-name
12
+ @import animation/animation-duration
13
+ @import animation/animation-timing-function
14
+ @import animation/animation-iteration-count
15
+ @import animation/animation-direction
16
+ @import animation/animation-play-state
17
+ @import animation/animation-delay
18
+ @import animation/animation-fill-mode
19
+
20
+ // Shorthand for a basic animation. Supports multiple parentheses-deliminated values for each variable.
21
+ // Example: @include animation-basic((slideup, fadein), (1.0s, 2.0s), ease-in);
22
+
23
+ =animation-basic($name, $time: 0, $motion: ease)
24
+ $length-of-name: length($name)
25
+ $length-of-time: length($time)
26
+ $length-of-motion: length($motion)
27
+ @if $length-of-name > 1
28
+ +animation-name(zip($name))
29
+ @else
30
+ +animation-name($name)
31
+ @if $length-of-time > 1
32
+ +animation-duration(zip($time))
33
+ @else
34
+ +animation-duration($time)
35
+ @if $length-of-motion > 1
36
+ +animation-timing-function(zip($motion))
37
+ @else
38
+ +animation-timing-function($motion)
39
+
40
+ // Official animation shorthand property. Needs more work to actually be useful.
41
+ // Spec - http://www.w3.org/TR/css3-animations/#animation
42
+ // Values: name duration timing-function delay iteration-count direction
43
+
44
+ =animation($name: fadeIn, $duration: 1s, $timing-function: ease, $delay: 0.2s, $iteration-count: 1, $direction: normal, $prefix: false)
45
+ $value: $name $duration $timing-function $delay $iteration-count $direction
46
+ @if $prefix
47
+ +declaration(animation, $value, $prefix)
48
+ @else
49
+ +experimental(animation, $value)
@@ -0,0 +1,8 @@
1
+ // animation-delay - http://www.w3.org/TR/css3-animations/#the-animation-delay-property-
2
+
3
+ =backface-visibility($value: visible, $prefix: false)
4
+ // <time>
5
+ @if $prefix
6
+ +declaration(backface-visibility, $value, $prefix)
7
+ @else
8
+ +experimental(backface-visibility, $value)
@@ -0,0 +1,19 @@
1
+ // transform - https://developer.mozilla.org/en/CSS/transform
2
+ // none | <transform-function>
3
+
4
+ =transform($value: none, $prefix: false)
5
+ @if $prefix
6
+ +declaration(transform, $value, $prefix)
7
+ @else
8
+ +experimental(transform, $value)
9
+
10
+ // transform-origin - https://developer.mozilla.org/en/CSS/transform-origin
11
+ // x-axis - left | center | right | length | %
12
+ // y-axis - top | center | bottom | length | %
13
+ // z-axis - length
14
+
15
+ =transform-origin($value: 50%, $prefix: false)
16
+ @if $prefix
17
+ +declaration(transform-origin, $value, $prefix)
18
+ @else
19
+ +experimental(transform-origin, $value)