summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/framework/vue_transitions.scss
diff options
context:
space:
mode:
authorEric Eastwood <contact@ericeastwood.com>2017-10-13 17:01:21 -0500
committerEric Eastwood <contact@ericeastwood.com>2017-10-23 05:24:42 +0300
commit69be3ce86f1fc8c2273870a92b597399cedf2480 (patch)
treef8b8b22ac855e28f35ab3d5b091900793b4a3d2f /app/assets/stylesheets/framework/vue_transitions.scss
parentb3f749036ea919de3982c81b157ab2d790ecb4c5 (diff)
downloadgitlab-ce-69be3ce86f1fc8c2273870a92b597399cedf2480.tar.gz
Encompasses designs from - https://gitlab.com/gitlab-org/gitlab-ce/issues/23206#note_43355199 - https://gitlab.com/gitlab-org/gitlab-ce/issues/29985#note_30417407
Diffstat (limited to 'app/assets/stylesheets/framework/vue_transitions.scss')
-rw-r--r--app/assets/stylesheets/framework/vue_transitions.scss9
1 files changed, 9 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/vue_transitions.scss b/app/assets/stylesheets/framework/vue_transitions.scss
new file mode 100644
index 00000000000..e07a177e153
--- /dev/null
+++ b/app/assets/stylesheets/framework/vue_transitions.scss
@@ -0,0 +1,9 @@
+.fade-enter-active,
+.fade-leave-active {
+ transition: opacity $sidebar-transition-duration $general-hover-transition-curve;
+}
+
+.fade-enter,
+.fade-leave-to {
+ opacity: 0;
+}