sammy 0.0.12 → 0.5.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (146) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +7 -0
  3. data/Gemfile +4 -0
  4. data/Gemfile.lock +40 -0
  5. data/LICENSE +23 -0
  6. data/README.md +94 -3
  7. data/Rakefile +9 -0
  8. data/app/assets/stylesheets/_sammy.scss +56 -0
  9. data/app/assets/stylesheets/addons/_button.scss +273 -0
  10. data/app/assets/stylesheets/addons/_clearfix.scss +29 -0
  11. data/app/assets/stylesheets/addons/_font-family.scss +5 -0
  12. data/app/assets/stylesheets/addons/_hide-text.scss +5 -0
  13. data/app/assets/stylesheets/addons/_html5-input-types.scss +56 -0
  14. data/app/assets/stylesheets/addons/_position.scss +42 -0
  15. data/app/assets/stylesheets/addons/_prefixer.scss +49 -0
  16. data/app/assets/stylesheets/addons/_retina-image.scss +32 -0
  17. data/app/assets/stylesheets/addons/_size.scss +44 -0
  18. data/app/assets/stylesheets/addons/_timing-functions.scss +32 -0
  19. data/app/assets/stylesheets/addons/_triangle.scss +45 -0
  20. data/app/assets/stylesheets/css3/_animation.scss +52 -0
  21. data/app/assets/stylesheets/css3/_appearance.scss +3 -0
  22. data/app/assets/stylesheets/css3/_backface-visibility.scss +6 -0
  23. data/app/assets/stylesheets/css3/_background-image.scss +48 -0
  24. data/app/assets/stylesheets/css3/_background.scss +103 -0
  25. data/app/assets/stylesheets/css3/_border-image.scss +53 -0
  26. data/app/assets/stylesheets/css3/_border-radius.scss +22 -0
  27. data/app/assets/stylesheets/css3/_box-sizing.scss +4 -0
  28. data/app/assets/stylesheets/css3/_columns.scss +47 -0
  29. data/app/assets/stylesheets/css3/_flex-box.scss +52 -0
  30. data/app/assets/stylesheets/css3/_font-face.scss +23 -0
  31. data/app/assets/stylesheets/css3/_hidpi-media-query.scss +10 -0
  32. data/app/assets/stylesheets/css3/_image-rendering.scss +13 -0
  33. data/app/assets/stylesheets/css3/_inline-block.scss +8 -0
  34. data/app/assets/stylesheets/css3/_keyframes.scss +41 -0
  35. data/app/assets/stylesheets/css3/_linear-gradient.scss +41 -0
  36. data/app/assets/stylesheets/css3/_perspective.scss +8 -0
  37. data/app/assets/stylesheets/css3/_placeholder.scss +29 -0
  38. data/app/assets/stylesheets/css3/_radial-gradient.scss +44 -0
  39. data/app/assets/stylesheets/css3/_transform.scss +15 -0
  40. data/app/assets/stylesheets/css3/_transition.scss +34 -0
  41. data/app/assets/stylesheets/css3/_user-select.scss +3 -0
  42. data/app/assets/stylesheets/functions/_compact.scss +11 -0
  43. data/app/assets/stylesheets/functions/_flex-grid.scss +39 -0
  44. data/app/assets/stylesheets/functions/_grid-width.scss +13 -0
  45. data/app/assets/stylesheets/functions/_linear-gradient.scss +13 -0
  46. data/app/assets/stylesheets/functions/_modular-scale.scss +40 -0
  47. data/app/assets/stylesheets/functions/_px-to-em.scss +8 -0
  48. data/app/assets/stylesheets/functions/_radial-gradient.scss +23 -0
  49. data/app/assets/stylesheets/functions/_tint-shade.scss +9 -0
  50. data/app/assets/stylesheets/functions/_transition-property-name.scss +22 -0
  51. data/app/assets/stylesheets/helpers/_deprecated-webkit-gradient.scss +39 -0
  52. data/app/assets/stylesheets/helpers/_gradient-positions-parser.scss +13 -0
  53. data/app/assets/stylesheets/helpers/_linear-positions-parser.scss +64 -0
  54. data/app/assets/stylesheets/helpers/_radial-arg-parser.scss +69 -0
  55. data/app/assets/stylesheets/helpers/_radial-positions-parser.scss +18 -0
  56. data/app/assets/stylesheets/helpers/_render-gradients.scss +26 -0
  57. data/app/assets/stylesheets/helpers/_shape-size-stripper.scss +10 -0
  58. data/bin/sammy +6 -0
  59. data/lib/sammy.rb +27 -9
  60. data/lib/sammy/date.rb +3 -0
  61. data/lib/sammy/engine.rb +5 -0
  62. data/lib/sammy/generator.rb +80 -0
  63. data/lib/sammy/version.rb +3 -0
  64. data/lib/tasks/install.rake +20 -0
  65. data/sammy.gemspec +31 -0
  66. metadata +117 -88
  67. data/stylesheets/_sammy.sass +0 -3
  68. data/stylesheets/sammy/_animations.scss +0 -35
  69. data/stylesheets/sammy/_css3.scss +0 -3
  70. data/stylesheets/sammy/_shared.scss +0 -2
  71. data/stylesheets/sammy/_utilities.scss +0 -1
  72. data/stylesheets/sammy/animations/_attention-seekers.scss +0 -7
  73. data/stylesheets/sammy/animations/_bouncing-entrances.scss +0 -5
  74. data/stylesheets/sammy/animations/_bouncing-exits.scss +0 -5
  75. data/stylesheets/sammy/animations/_fading-entrances.scss +0 -12
  76. data/stylesheets/sammy/animations/_fading-exits.scss +0 -12
  77. data/stylesheets/sammy/animations/_flippers.scss +0 -5
  78. data/stylesheets/sammy/animations/_rotating-entrances.scss +0 -5
  79. data/stylesheets/sammy/animations/_rotating-exits.scss +0 -5
  80. data/stylesheets/sammy/animations/_specials.scss +0 -3
  81. data/stylesheets/sammy/animations/attention-seekers/_bounce.scss +0 -30
  82. data/stylesheets/sammy/animations/attention-seekers/_flash.scss +0 -28
  83. data/stylesheets/sammy/animations/attention-seekers/_pulse.scss +0 -28
  84. data/stylesheets/sammy/animations/attention-seekers/_shake.scss +0 -34
  85. data/stylesheets/sammy/animations/attention-seekers/_swing.scss +0 -30
  86. data/stylesheets/sammy/animations/attention-seekers/_tada.scss +0 -34
  87. data/stylesheets/sammy/animations/attention-seekers/_wobble.scss +0 -32
  88. data/stylesheets/sammy/animations/bouncing-entrances/_bounceIn.scss +0 -37
  89. data/stylesheets/sammy/animations/bouncing-entrances/_bounceInDown.scss +0 -37
  90. data/stylesheets/sammy/animations/bouncing-entrances/_bounceInLeft.scss +0 -37
  91. data/stylesheets/sammy/animations/bouncing-entrances/_bounceInRight.scss +0 -37
  92. data/stylesheets/sammy/animations/bouncing-entrances/_bounceInUp.scss +0 -37
  93. data/stylesheets/sammy/animations/bouncing-exits/_bounceOut.scss +0 -37
  94. data/stylesheets/sammy/animations/bouncing-exits/_bounceOutDown.scss +0 -34
  95. data/stylesheets/sammy/animations/bouncing-exits/_bounceOutLeft.scss +0 -34
  96. data/stylesheets/sammy/animations/bouncing-exits/_bounceOutRight.scss +0 -34
  97. data/stylesheets/sammy/animations/bouncing-exits/_bounceOutUp.scss +0 -34
  98. data/stylesheets/sammy/animations/fading-entrances/_fadeIn.scss +0 -25
  99. data/stylesheets/sammy/animations/fading-entrances/_fadeInDown.scss +0 -31
  100. data/stylesheets/sammy/animations/fading-entrances/_fadeInDownBig.scss +0 -31
  101. data/stylesheets/sammy/animations/fading-entrances/_fadeInLeft.scss +0 -31
  102. data/stylesheets/sammy/animations/fading-entrances/_fadeInLeftBig.scss +0 -31
  103. data/stylesheets/sammy/animations/fading-entrances/_fadeInRight.scss +0 -31
  104. data/stylesheets/sammy/animations/fading-entrances/_fadeInRightBig.scss +0 -31
  105. data/stylesheets/sammy/animations/fading-entrances/_fadeInUp.scss +0 -31
  106. data/stylesheets/sammy/animations/fading-entrances/_fadeInUpBig.scss +0 -31
  107. data/stylesheets/sammy/animations/fading-exits/_fadeOut.scss +0 -25
  108. data/stylesheets/sammy/animations/fading-exits/_fadeOutDown.scss +0 -31
  109. data/stylesheets/sammy/animations/fading-exits/_fadeOutDownBig.scss +0 -31
  110. data/stylesheets/sammy/animations/fading-exits/_fadeOutLeft.scss +0 -31
  111. data/stylesheets/sammy/animations/fading-exits/_fadeOutLeftBig.scss +0 -31
  112. data/stylesheets/sammy/animations/fading-exits/_fadeOutRight.scss +0 -31
  113. data/stylesheets/sammy/animations/fading-exits/_fadeOutRightBig.scss +0 -31
  114. data/stylesheets/sammy/animations/fading-exits/_fadeOutUp.scss +0 -31
  115. data/stylesheets/sammy/animations/fading-exits/_fadeOutUpBig.scss +0 -31
  116. data/stylesheets/sammy/animations/flippers/_flip.scss +0 -44
  117. data/stylesheets/sammy/animations/flippers/_flipInX.scss +0 -38
  118. data/stylesheets/sammy/animations/flippers/_flipInY.scss +0 -38
  119. data/stylesheets/sammy/animations/flippers/_flipOutX.scss +0 -32
  120. data/stylesheets/sammy/animations/flippers/_flipOutY.scss +0 -32
  121. data/stylesheets/sammy/animations/rotating-entrances/_rotateIn.scss +0 -33
  122. data/stylesheets/sammy/animations/rotating-entrances/_rotateInDownLeft.scss +0 -33
  123. data/stylesheets/sammy/animations/rotating-entrances/_rotateInDownRight.scss +0 -33
  124. data/stylesheets/sammy/animations/rotating-entrances/_rotateInUpLeft.scss +0 -33
  125. data/stylesheets/sammy/animations/rotating-entrances/_rotateInUpRight.scss +0 -33
  126. data/stylesheets/sammy/animations/rotating-exits/_rotateOut.scss +0 -33
  127. data/stylesheets/sammy/animations/rotating-exits/_rotateOutDownLeft.scss +0 -33
  128. data/stylesheets/sammy/animations/rotating-exits/_rotateOutDownRight.scss +0 -33
  129. data/stylesheets/sammy/animations/rotating-exits/_rotateOutUpLeft.scss +0 -33
  130. data/stylesheets/sammy/animations/rotating-exits/_rotateOutUpRight.scss +0 -33
  131. data/stylesheets/sammy/animations/specials/_hinge.scss +0 -48
  132. data/stylesheets/sammy/animations/specials/_rollIn.scss +0 -33
  133. data/stylesheets/sammy/animations/specials/_rollOut.scss +0 -33
  134. data/stylesheets/sammy/css3/_animation.scss +0 -75
  135. data/stylesheets/sammy/css3/_backface-visibility.scss +0 -14
  136. data/stylesheets/sammy/css3/_transform.scss +0 -27
  137. data/stylesheets/sammy/css3/animation/_animation-delay.scss +0 -18
  138. data/stylesheets/sammy/css3/animation/_animation-direction.scss +0 -18
  139. data/stylesheets/sammy/css3/animation/_animation-duration.scss +0 -17
  140. data/stylesheets/sammy/css3/animation/_animation-fill-mode.scss +0 -18
  141. data/stylesheets/sammy/css3/animation/_animation-iteration-count.scss +0 -18
  142. data/stylesheets/sammy/css3/animation/_animation-name.scss +0 -18
  143. data/stylesheets/sammy/css3/animation/_animation-play-state.scss +0 -18
  144. data/stylesheets/sammy/css3/animation/_animation-timing-function.scss +0 -18
  145. data/stylesheets/sammy/utilities/_mixins.scss +0 -12
  146. data/templates/sammy/manifest.rb +0 -0
@@ -1,33 +0,0 @@
1
- // Originally authored by Nick Pettit - https://github.com/nickpettit/glide
2
-
3
- @mixin rollIn($prefix) {
4
- 0% {
5
- opacity: 0;
6
- @include transform(translateX(-100%) rotate(-120deg), $prefix);
7
- }
8
- 100% {
9
- opacity: 1;
10
- @include transform(translateX(0px) rotate(0deg), $prefix);
11
- }
12
- }
13
-
14
- @if $experimental-support-for-webkit {
15
- @-webkit-keyframes rollIn { @include rollIn(webkit); }
16
- }
17
- @if $experimental-support-for-khtml {
18
- @-khtml-keyframes rollIn { @include rollIn(khtml); }
19
- }
20
- @if $experimental-support-for-mozilla {
21
- @-moz-keyframes rollIn { @include rollIn(moz); }
22
- }
23
- @if $experimental-support-for-microsoft {
24
- @-ms-keyframes rollIn { @include rollIn(ms); }
25
- }
26
- @if $experimental-support-for-opera {
27
- @-o-keyframes rollIn { @include rollIn(o); }
28
- }
29
- @keyframes rollIn { @include rollIn(none); }
30
-
31
- .rollIn {
32
- @include animation-name(rollIn);
33
- }
@@ -1,33 +0,0 @@
1
- // Originally authored by Nick Pettit - https://github.com/nickpettit/glide
2
-
3
- @mixin rollOut($prefix) {
4
- 0% {
5
- opacity: 1;
6
- @include transform(translateX(0px) rotate(0deg), $prefix);
7
- }
8
- 100% {
9
- opacity: 0;
10
- @include transform(translateX(100%) rotate(120deg), $prefix);
11
- }
12
- }
13
-
14
- @if $experimental-support-for-webkit {
15
- @-webkit-keyframes rollOut { @include rollOut(webkit); }
16
- }
17
- @if $experimental-support-for-khtml {
18
- @-khtml-keyframes rollOut { @include rollOut(khtml); }
19
- }
20
- @if $experimental-support-for-mozilla {
21
- @-moz-keyframes rollOut { @include rollOut(moz); }
22
- }
23
- @if $experimental-support-for-microsoft {
24
- @-ms-keyframes rollOut { @include rollOut(ms); }
25
- }
26
- @if $experimental-support-for-opera {
27
- @-o-keyframes rollOut { @include rollOut(o); }
28
- }
29
- @keyframes rollOut { @include rollOut(none); }
30
-
31
- .rollOut {
32
- @include animation-name(rollOut);
33
- }
@@ -1,75 +0,0 @@
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
- @mixin animation-basic(
23
- $name,
24
- $time: 0,
25
- $motion: ease
26
- ) {
27
-
28
- $length-of-name: length($name);
29
- $length-of-time: length($time);
30
- $length-of-motion: length($motion);
31
-
32
- @if $length-of-name > 1 {
33
- @include animation-name(zip($name));
34
- } @else {
35
- @include animation-name($name);
36
- }
37
-
38
- @if $length-of-time > 1 {
39
- @include animation-duration(zip($time));
40
- } @else {
41
- @include animation-duration($time);
42
- }
43
-
44
- @if $length-of-motion > 1 {
45
- @include animation-timing-function(zip($motion));
46
- } @else {
47
- @include animation-timing-function($motion);
48
- }
49
-
50
- }
51
-
52
- // Official animation shorthand property. Needs more work to actually be useful.
53
- // Spec - http://www.w3.org/TR/css3-animations/#animation
54
- // Values: name duration timing-function delay iteration-count direction
55
-
56
- @mixin animation(
57
-
58
- $name: fadeIn, // none | keyframe at-rule name
59
- $duration: 1s, // <time>
60
- $timing-function: ease, // ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)
61
- $delay: 0.2s, // <time>
62
- $iteration-count: 1, // infinite | number
63
- $direction: normal, // normal | alternate
64
- $prefix: false
65
- ) {
66
-
67
- $value: $name $duration $timing-function $delay $iteration-count $direction;
68
-
69
- @if $prefix {
70
- @include declaration(animation, $value, $prefix);
71
- } @else {
72
- @include experimental(animation, $value);
73
- }
74
-
75
- }
@@ -1,14 +0,0 @@
1
- // animation-delay - http://www.w3.org/TR/css3-animations/#the-animation-delay-property-
2
- @mixin backface-visibility(
3
- $value: visible,
4
- $prefix: false
5
- ) {
6
-
7
- // <time>
8
- @if $prefix {
9
- @include declaration(backface-visibility, $value, $prefix);
10
- } @else {
11
- @include experimental(backface-visibility, $value);
12
- }
13
-
14
- }
@@ -1,27 +0,0 @@
1
- // transform - https://developer.mozilla.org/en/CSS/transform
2
- // none | <transform-function>
3
-
4
- @mixin transform($value: none, $prefix: false) {
5
-
6
- @if $prefix {
7
- @include declaration(transform, $value, $prefix);
8
- } @else {
9
- @include experimental(transform, $value);
10
- }
11
-
12
- }
13
-
14
- // transform-origin - https://developer.mozilla.org/en/CSS/transform-origin
15
- // x-axis - left | center | right | length | %
16
- // y-axis - top | center | bottom | length | %
17
- // z-axis - length
18
-
19
- @mixin transform-origin($value: 50%, $prefix: false) {
20
-
21
- @if $prefix {
22
- @include declaration(transform-origin, $value, $prefix);
23
- } @else {
24
- @include experimental(transform-origin, $value);
25
- }
26
-
27
- }
@@ -1,18 +0,0 @@
1
- // animation-delay - http://www.w3.org/TR/css3-animations/#the-animation-delay-property-
2
- @mixin animation-delay(
3
- $time-1: 0,
4
- $time-2: false, $time-3: false, $time-4: false, $time-5: false, $time-6: false, $time-7: false, $time-8: false, $time-9: false,
5
- $prefix: false
6
- ) {
7
-
8
- $full: compact($time-1, $time-2, $time-3, $time-4, $time-5, $time-6, $time-7, $time-8, $time-9);
9
- $value: $full;
10
-
11
- // <time>
12
- @if $prefix {
13
- @include declaration(animation-delay, $value, $prefix);
14
- } @else {
15
- @include experimental(animation-delay, $value);
16
- }
17
-
18
- }
@@ -1,18 +0,0 @@
1
- // animation-direction - http://www.w3.org/TR/css3-animations/#the-animation-direction-property-
2
- @mixin animation-direction(
3
- $direction-1: normal,
4
- $direction-2: false, $direction-3: false, $direction-4: false, $direction-5: false, $direction-6: false, $direction-7: false, $direction-8: false, $direction-9: false,
5
- $prefix: false
6
- ) {
7
-
8
- $full: compact($direction-1, $direction-2, $direction-3, $direction-4, $direction-5, $direction-6, $direction-7, $direction-8, $direction-9);
9
- $value: $full;
10
-
11
- // normal | alternate
12
- @if $prefix {
13
- @include declaration(animation-direction, $value, $prefix);
14
- } @else {
15
- @include experimental(animation-direction, $value);
16
- }
17
-
18
- }
@@ -1,17 +0,0 @@
1
- // animation-duration - http://www.w3.org/TR/css3-animations/#the-animation-duration-property-
2
- @mixin animation-duration(
3
- $time-1: 0,
4
- $time-2: false, $time-3: false, $time-4: false, $time-5: false, $time-6: false, $time-7: false, $time-8: false, $time-9: false,
5
- $prefix: false
6
- ) {
7
-
8
- $full: compact($time-1, $time-2, $time-3, $time-4, $time-5, $time-6, $time-7, $time-8, $time-9);
9
- $value: $full;
10
-
11
- // <time>
12
- @if $prefix {
13
- @include declaration(animation-duration, $value, $prefix);
14
- } @else {
15
- @include experimental(animation-duration, $value);
16
- }
17
- }
@@ -1,18 +0,0 @@
1
- // animation-fill-mode - http://dev.w3.org/csswg/css3-animations/#the-animation-fill-mode-property-
2
- @mixin animation-fill-mode(
3
- $mode-1: none,
4
- $mode-2: false, $mode-3: false, $mode-4: false, $mode-5: false, $mode-6: false, $mode-7: false, $mode-8: false, $mode-9: false,
5
- $prefix: false
6
- ) {
7
-
8
- $full: compact($mode-1, $mode-2, $mode-3, $mode-4, $mode-5, $mode-6, $mode-7, $mode-8, $mode-9);
9
- $value: $full;
10
-
11
- // none | forwards | backwards | both
12
- @if $prefix {
13
- @include declaration(animation-fill-mode, $value, $prefix);
14
- } @else {
15
- @include experimental(animation-fill-mode, $value);
16
- }
17
-
18
- }
@@ -1,18 +0,0 @@
1
- // animation-iteration-count - http://www.w3.org/TR/css3-animations/#the-animation-iteration-count-property-
2
- @mixin animation-iteration-count(
3
- $value-1: 1,
4
- $value-2: false, $value-3: false, $value-4: false, $value-5: false, $value-6: false, $value-7: false, $value-8: false, $value-9: false,
5
- $prefix: false
6
- ) {
7
-
8
- $full: compact($value-1, $value-2, $value-3, $value-4, $value-5, $value-6, $value-7, $value-8, $value-9);
9
- $value: $full;
10
-
11
- // infinite | <number>
12
- @if $prefix {
13
- @include declaration(animation-iteration-count, $value, $prefix);
14
- } @else {
15
- @include experimental(animation-iteration-count, $value);
16
- }
17
-
18
- }
@@ -1,18 +0,0 @@
1
- // animation-name - http://www.w3.org/TR/css3-animations/#the-animation-name-property-
2
- @mixin animation-name(
3
- $name-1,
4
- $name-2: false, $name-3: false, $name-4: false, $name-5: false, $name-6: false, $name-7: false, $name-8: false, $name-9: false,
5
- $prefix: false
6
- ) {
7
-
8
- $full: compact($name-1, $name-2, $name-3, $name-4, $name-5, $name-6, $name-7, $name-8, $name-9);
9
- $value: $full;
10
-
11
- // none | animation-name
12
- @if $prefix {
13
- @include declaration(animation-name, $value, $prefix);
14
- } @else {
15
- @include experimental(animation-name, $value);
16
- }
17
-
18
- }
@@ -1,18 +0,0 @@
1
- // animation-play-state - http://www.w3.org/TR/css3-animations/#the-animation-play-state-property-
2
- @mixin animation-play-state(
3
- $state-1: running,
4
- $state-2: false, $state-3: false, $state-4: false, $state-5: false, $state-6: false, $state-7: false, $state-8: false, $state-9: false,
5
- $prefix: false
6
- ) {
7
-
8
- $full: compact($state-1, $state-2, $state-3, $state-4, $state-5, $state-6, $state-7, $state-8, $state-9);
9
- $value: $full;
10
-
11
- // running | paused
12
- @if $prefix {
13
- @include declaration(animation-play-state, $value, $prefix);
14
- } @else {
15
- @include experimental(animation-play-state, $value);
16
- }
17
-
18
- }
@@ -1,18 +0,0 @@
1
- // animation-timing-function - http://www.w3.org/TR/css3-animations/#animation-timing-function_tag
2
- @mixin animation-timing-function(
3
- $motion-1: ease,
4
- $motion-2: false, $motion-3: false, $motion-4: false, $motion-5: false, $motion-6: false, $motion-7: false, $motion-8: false, $motion-9: false,
5
- $prefix: false
6
- ) {
7
-
8
- $full: compact($motion-1, $motion-2, $motion-3, $motion-4, $motion-5, $motion-6, $motion-7, $motion-8, $motion-9);
9
- $value: $full;
10
-
11
- // ease | linear | ease-in | ease-out | ease-in-out
12
- @if $prefix {
13
- @include declaration(animation-timing-function, $value, $prefix);
14
- } @else {
15
- @include experimental(animation-timing-function, $value);
16
- }
17
-
18
- }
@@ -1,12 +0,0 @@
1
- // Declariation mixin to make it easy to write a declaration with or without a prefix
2
- @mixin declaration($property, $value, $prefix: none) {
3
-
4
- $prefix: unquote($prefix);
5
-
6
- @if $prefix == none {
7
- #{$property}: $value;
8
- } @else {
9
- #{-$prefix}-#{$property}: $value;
10
- }
11
-
12
- }
File without changes