aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorBrenden Bice <brenden.next@gmail.com>2019-04-08 14:06:18 -0400
committerBrenden Bice <brenden.next@gmail.com>2019-04-11 23:26:13 -0400
commit8cac0dec6ff8be9180f29bd09cdc996fb1ad3556 (patch)
tree0efa564d47e5e10dae4d2ce7a620b9bf32589602
parent246fab328faf427d26f0a328033e07a286b429a3 (diff)
add fadein effect to panel
-rw-r--r--src/components/status/status.vue14
1 files changed, 14 insertions, 0 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 653e07b7..1c055c41 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -532,6 +532,20 @@ $status-margin: 0.75em;
}
}
+.status-fadein {
+ animation-duration: 0.4s;
+ animation-name: fadein;
+}
+
+@keyframes fadein {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
.greentext {
color: green;
}