_vendor-prefixes.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. // Animations
  2. @mixin animation($animation) {
  3. -webkit-animation: $animation;
  4. -o-animation: $animation;
  5. animation: $animation;
  6. }
  7. @mixin animation-name($name) {
  8. -webkit-animation-name: $name;
  9. animation-name: $name;
  10. }
  11. @mixin animation-duration($duration) {
  12. -webkit-animation-duration: $duration;
  13. animation-duration: $duration;
  14. }
  15. @mixin animation-timing-function($timing-function:linear) {
  16. -webkit-animation-timing-function: $timing-function;
  17. animation-timing-function: $timing-function;
  18. }
  19. @mixin animation-delay($delay) {
  20. -webkit-animation-delay: $delay;
  21. animation-delay: $delay;
  22. }
  23. @mixin animation-iteration-count($iteration-count) {
  24. -webkit-animation-iteration-count: $iteration-count;
  25. animation-iteration-count: $iteration-count;
  26. }
  27. @mixin animation-direction($direction) {
  28. -webkit-animation-direction: $direction;
  29. animation-direction: $direction;
  30. }
  31. @mixin animation-fill-mode($fill-mode:forwards) {
  32. -webkit-animation-fill-mode: $fill-mode;
  33. animation-fill-mode: $fill-mode;
  34. }
  35. @mixin keyframes($name) {
  36. @-webkit-keyframes #{$name} {
  37. @content;
  38. }
  39. @-moz-keyframes #{$name} {
  40. @content;
  41. }
  42. @-ms-keyframes #{$name} {
  43. @content;
  44. }
  45. @keyframes #{$name} {
  46. @content;
  47. }
  48. }