LT-275: Creating 'Add description' button action

Packages/design/styles/common/keyframes.styl

@@ -1,19 +1,19 @@
 @import "{design}/app.styl"
 
-@keyframes zoomInOut {
-    from {
-        transform(scale(0))
-    }
-    to {
-        transform(scale(1))
-    }
-}
+@keyframes zoomIn
+  from
+    transform(scale(0))
+  to
+    transform(scale(1))
 
-@keyframes fadeInOut {
-    from {
-        opacity: 0
-    }
-    to {
-        opacity: 1
-    }
-}
+@keyframes fadeIn
+  from
+    opacity: 0
+  to
+    opacity: 1
+
+@keyframes fadeOut
+  from
+    opacity: 1
+  to
+    opacity: 0

Packages/design/styles/imports/animations.styl

@@ -1,15 +1,17 @@
 animationDefaults()
   animation-duration: 0.3s
-  animation-iteration-count: 1
   animation-direction: alternate
   animation-timing-function: ease-out
+  animation-fill-mode: forwards
 
 animateZoomIn()
   animationDefaults()
-  animation-name: zoomInOut
-  animation-fill-mode: forwards
+  animation-name: zoomIn
 
 animateFadeIn()
   animationDefaults()
-  animation-name: fadeInOut
-  animation-fill-mode: forwards
+  animation-name: fadeIn
+
+animateFadeOut()
+  animationDefaults()
+  animation-name: fadeOut