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.

82 lines
1.6 KiB

  1. /*!
  2. * # Semantic UI 2.1.6 - Transition
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2015 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Transitions
  13. *******************************/
  14. .transition {
  15. -webkit-animation-iteration-count: 1;
  16. animation-iteration-count: 1;
  17. -webkit-animation-duration: 300ms;
  18. animation-duration: 300ms;
  19. -webkit-animation-timing-function: ease;
  20. animation-timing-function: ease;
  21. -webkit-animation-fill-mode: both;
  22. animation-fill-mode: both;
  23. }
  24. /*******************************
  25. States
  26. *******************************/
  27. /* Animating */
  28. .animating.transition {
  29. -webkit-backface-visibility: hidden;
  30. backface-visibility: hidden;
  31. visibility: visible !important;
  32. }
  33. /* Loading */
  34. .loading.transition {
  35. position: absolute;
  36. top: -99999px;
  37. left: -99999px;
  38. }
  39. /* Hidden */
  40. .hidden.transition {
  41. display: none;
  42. visibility: hidden;
  43. }
  44. /* Visible */
  45. .visible.transition {
  46. display: block !important;
  47. visibility: visible !important;
  48. /* backface-visibility: @backfaceVisibility;
  49. transform: @use3DAcceleration;*/
  50. }
  51. /* Disabled */
  52. .disabled.transition {
  53. -webkit-animation-play-state: paused;
  54. animation-play-state: paused;
  55. }
  56. /*******************************
  57. Variations
  58. *******************************/
  59. .looping.transition {
  60. -webkit-animation-iteration-count: infinite;
  61. animation-iteration-count: infinite;
  62. }
  63. /*******************************
  64. Site Overrides
  65. *******************************/