1 | @import "scss/mixin";
|
2 | @import "scss/variable";
|
3 | @import "../core/index-noreset.scss";
|
4 | @import "scss/_fading-entrances/_fadeIn.scss";
|
5 | @import "scss/_fading-entrances/_fadeInDown.scss";
|
6 | @import "scss/_fading-entrances/_fadeInDownSmall.scss";
|
7 | @import "scss/_fading-entrances/_fadeInLeft.scss";
|
8 | @import "scss/_fading-entrances/_fadeInRight.scss";
|
9 | @import "scss/_fading-entrances/_fadeInUp.scss";
|
10 | @import "scss/_fading-exits/_fadeOut.scss";
|
11 | @import "scss/_fading-exits/_fadeOutDown.scss";
|
12 | @import "scss/_fading-exits/_fadeOutLeft.scss";
|
13 | @import "scss/_fading-exits/_fadeOutRight.scss";
|
14 | @import "scss/_fading-exits/_fadeOutUp.scss";
|
15 | @import "scss/_fading-exits/_fadeOutUpSmall.scss";
|
16 | @import "scss/_sliding-exits/sliding-exits.scss";
|
17 | @import "scss/_sliding-entrances/sliding-entrances.scss";
|
18 | @import "scss/_zooming-entrances/_zoomIn.scss";
|
19 | @import "scss/_zooming-exits/_zoomOut.scss";
|
20 | @import "scss/_zooming-entrances/_zoomInBig.scss";
|
21 | @import "scss/_zooming-exits/_zoomOutBig.scss";
|
22 | @import "scss/_expand-entrances/_expandInDown.scss";
|
23 | @import "scss/_expand-entrances/_expandInUp.scss";
|
24 | @import "scss/_expand-entrances/_withFade.scss";
|
25 | @import "scss/_expand-exits/_expandOutUp.scss";
|
26 | @import "scss/_expand-exits/_expandOutDown.scss";
|
27 | @import "scss/_expand-exits/_withFade.scss";
|
28 | @import "scss/_attention-seekers/_pulse.scss";
|
29 |
|
30 | .fadeIn {
|
31 | @include fadeIn();
|
32 | }
|
33 |
|
34 | .fadeInDown {
|
35 | @include fadeInDown();
|
36 | }
|
37 |
|
38 | .fadeInLeft {
|
39 | @include fadeInLeft();
|
40 | }
|
41 |
|
42 | .fadeInRight {
|
43 | @include fadeInRight();
|
44 | }
|
45 |
|
46 | .fadeInUp {
|
47 | @include fadeInUp();
|
48 | }
|
49 |
|
50 | .fadeOut {
|
51 | @include fadeOut();
|
52 | }
|
53 |
|
54 | .fadeOutDown {
|
55 | @include fadeOutDown();
|
56 | }
|
57 |
|
58 | .fadeOutLeft {
|
59 | @include fadeOutLeft();
|
60 | }
|
61 |
|
62 | .fadeOutRight {
|
63 | @include fadeOutRight();
|
64 | }
|
65 |
|
66 | .fadeOutUp {
|
67 | @include fadeOutUp();
|
68 | }
|
69 |
|
70 | .slideInUp {
|
71 | @include slideInUp();
|
72 | }
|
73 |
|
74 | .slideInDown {
|
75 | @include slideInDown();
|
76 | }
|
77 |
|
78 | .slideInLeft {
|
79 | @include slideInLeft();
|
80 | }
|
81 |
|
82 | .slideInRight {
|
83 | @include slideInRight();
|
84 | }
|
85 |
|
86 | .slideOutUp {
|
87 | @include slideOutUp();
|
88 | }
|
89 |
|
90 | .slideOutRight {
|
91 | @include slideOutRight();
|
92 | }
|
93 |
|
94 | .slideOutLeft {
|
95 | @include slideOutLeft();
|
96 | }
|
97 |
|
98 | .slideOutDown {
|
99 | @include slideOutDown();
|
100 | }
|
101 |
|
102 | .zoomIn {
|
103 | @include zoomIn();
|
104 | }
|
105 |
|
106 | .zoomOut {
|
107 | @include zoomOut();
|
108 | }
|
109 |
|
110 | .expandInDown {
|
111 | @include expandInDown();
|
112 | }
|
113 |
|
114 | .expandOutUp {
|
115 | @include expandOutUp();
|
116 | }
|
117 |
|
118 | .expandInUp {
|
119 | @include expandInUp();
|
120 | }
|
121 |
|
122 | .expandOutDown {
|
123 | @include expandOutDown();
|
124 | }
|
125 |
|
126 | .fadeInDownSmall {
|
127 | @include fadeInDownSmall();
|
128 | }
|
129 |
|
130 | .fadeOutUpSmall {
|
131 | @include fadeOutUpSmall();
|
132 | }
|
133 |
|
134 | .zoomInBig {
|
135 | @include zoomInBig();
|
136 | }
|
137 |
|
138 | .zoomOutBig {
|
139 | @include zoomOutBig();
|
140 | }
|
141 |
|
142 | .pulse {
|
143 | @include pulse();
|
144 | }
|
145 |
|
146 | .expand-enter {
|
147 | overflow: hidden;
|
148 | }
|
149 |
|
150 | .expand-enter-active {
|
151 | transition: all .3s ease-out;
|
152 | & > * {
|
153 | @include expandInWithFade();
|
154 | }
|
155 | }
|
156 |
|
157 | .expand-leave {
|
158 | overflow: hidden;
|
159 | }
|
160 |
|
161 | .expand-leave-active {
|
162 | transition: all .2s ease-out;
|
163 | & > * {
|
164 | @include expandOutWithFade();
|
165 | }
|
166 | }
|