Нема описа
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_Fabric.Animations.RTL.scss 1.5KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
  2. //
  3. // Office UI Fabric
  4. // --------------------------------------------------
  5. // RTL overrides for Fabric Animations
  6. @import 'Fabric.Animations';
  7. // slideRightIn40
  8. @mixin ms-u-slideRightIn40 {
  9. @include animationMix((fadeIn, slideLeft40), $ms-duration3, $ms-ease1);
  10. }
  11. // slideLeftIn40
  12. @mixin ms-u-slideLeftIn40 {
  13. @include animationMix((fadeIn, slideRight40), $ms-duration3, $ms-ease1);
  14. }
  15. // slideRightIn400
  16. @mixin ms-u-slideRightIn400 {
  17. @include animationMix((fadeIn, slideLeft400), $ms-duration3, $ms-ease1);
  18. }
  19. // slideLeftIn400
  20. @mixin ms-u-slideLeftIn400 {
  21. @include animationMix((fadeIn, slideRight400), $ms-duration3, $ms-ease1);
  22. }
  23. // slideRightOut40
  24. @mixin ms-u-slideRightOut40 {
  25. @include animationMix((fadeOut, slideLeftOut40), $ms-duration1, $ms-ease2);
  26. }
  27. // slideLeftOut40
  28. @mixin ms-u-slideLeftOut40 {
  29. @include animationMix((fadeOut, slideRightOut40), $ms-duration1, $ms-ease2);
  30. }
  31. // slideRightOut400
  32. @mixin ms-u-slideRightOut400 {
  33. @include animationMix((fadeOut, slideLeftOut400), $ms-duration1, $ms-ease2);
  34. }
  35. // slideLeftOut400
  36. @mixin ms-u-slideLeftOut400 {
  37. @include animationMix((fadeOut, slideRightOut400), $ms-duration1, $ms-ease2);
  38. }
  39. // rotate90deg
  40. @mixin ms-u-rotate90deg {
  41. @include animationMix(rotateN90, 0.1s, $ms-ease2);
  42. }
  43. // rotateN90deg
  44. @mixin ms-u-rotateN90deg {
  45. @include animationMix(rotate90, 0.1s, $ms-ease2);
  46. }