BookStack Code Mirror - bookstack/blob - resources/assets/sass/

2 .anim.fadeIn {

3 opacity: 0;

4 animation-name: fadeIn;

5 animation-duration: 180ms;

6 animation-timing-function: ease-in-out;

7 animation-fill-mode: forwards;

8 }

10 @keyframes fadeIn {

11 0% {

12 opacity: 0;

13 }

14 100% {

15 opacity: 1;

16 }

17 }

19 .anim.searchResult {

20 opacity: 0;

21 transform: translate3d(580px, 0, 0);

22 animation-name: searchResult;

23 animation-duration: 220ms;

24 animation-fill-mode: forwards;

25 animation-timing-function: cubic-bezier(.62, .28, .23, .99);

26 }

28 @keyframes searchResult {

29 0% {

30 opacity: 0;

31 transform: translate3d(400px, 0, 0);

32 }

33 100% {

34 opacity: 1;

35 transform: translate3d(0, 0, 0);

36 }

37 }

39 .anim.menuIn {

40 transform-origin: 100% 0%;

41 animation-name: menuIn;

42 animation-duration: 120ms;

43 animation-delay: 0s;

44 animation-timing-function: cubic-bezier(.62, .28, .23, .99);

45 }

47 @keyframes menuIn {

48 from {

49 opacity: 0;

50 transform: scale3d(0, 0, 1);

51 }

53 to {

54 opacity: 1;

55 transform: scale3d(1, 1, 1);

56 }

57 }

59 @keyframes loadingBob {

60 0% {

61 transform: translate3d(0, 0, 0);

62 }

63 30% {

64 transform: translate3d(0, 0, 0);

65 }

66 50% {

67 transform: translate3d(0, -10px, 0);

68 }

69 70% {

70 transform: translate3d(0, 0, 0);

71 }

72 100% {

73 transform: translate3d(0, 0, 0);

74 }

75 }

77 @keyframes pointer {

78 0% {

79 transform: translate3d(0, 20px, 0) scale3d(0, 0, 0);

80 }

81 100% {

82 transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

83 }

84 }

86 .anim.pointer {

87 transform-origin: 50% 100%;

88 animation-name: pointer;

89 animation-duration: 180ms;

90 animation-delay: 0s;

91 animation-timing-function: cubic-bezier(.62, .28, .23, .99);

92 }

94 .selectFade {

95 transition: background-color ease-in-out 3000ms;

96 }