diff options
author | Marco Ambrosini <marcoambrosini@pm.me> | 2020-04-17 10:16:42 +0300 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2020-05-08 17:46:15 +0300 |
commit | 6c1f3d2cd22b46ebd0b65d4f28bfecb7bc12ef0d (patch) | |
tree | 45496f303c026c50a0d6fd72c5816e1dfaef3103 /src/assets | |
parent | d50f6c55bd1e66a633450bbfa5b041762a8a0b23 (diff) |
Add transitions
Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
Diffstat (limited to 'src/assets')
-rw-r--r-- | src/assets/variables.scss | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/src/assets/variables.scss b/src/assets/variables.scss index b7717f387..5b98e8d96 100644 --- a/src/assets/variables.scss +++ b/src/assets/variables.scss @@ -81,3 +81,23 @@ $chat-font-size: 15px; //chat line height $chat-line-height: 1.6em; + +// fade transition +.fade { + &-enter { + opacity: 0; + } + &-enter-to { + opacity: 1; + } + &-leave { + opacity: 1; + } + &-leave-to { + opacity: 0; + } + &-enter-active, + &-leave-active { + transition: all 150ms ease-in-out; + } +} |