Add full class names to animations.scss
This commit is contained in:
parent
c872609ed3
commit
ef3737d179
1 changed files with 13 additions and 15 deletions
|
@ -19,21 +19,19 @@ limitations under the License.
|
||||||
* know they should not be used anywhere outside of React Transition Groups.
|
* know they should not be used anywhere outside of React Transition Groups.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.mx_rtg--fade {
|
.mx_rtg--fade-enter {
|
||||||
&-enter {
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
&-active {
|
}
|
||||||
|
.mx_rtg--fade-enter-active {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity 300ms ease;
|
transition: opacity 300ms ease;
|
||||||
}
|
}
|
||||||
}
|
.mx_rtg--fade-exit {
|
||||||
&-exit {
|
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
&-active {
|
}
|
||||||
|
.mx_rtg--fade-exit-active {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 300ms ease;
|
transition: opacity 300ms ease;
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue