From 0141f6ed25aa44559bfdd200de5ac2bc8e075882 Mon Sep 17 00:00:00 2001
From: Jack <jacklukic@gmail.com>
Date: Mon, 19 Feb 2018 17:27:29 -0800
Subject: [PATCH] Adds glow transition

---
 RELEASE-NOTES.md                              |  2 ++
 .../default/modules/transition.overrides      | 24 +++++++++++++++++--
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md
index 067770706..bdd4b4a4a 100755
--- a/RELEASE-NOTES.md
+++ b/RELEASE-NOTES.md
@@ -16,6 +16,7 @@
 - **Popup** - Popup will now align the center of the arrow (not the edge of the popup) when it would be reasonable (up to 2x arrow's offset from edge). [See this explanation](http://oi66.tinypic.com/2zr2ckk.jpg)
 - **Popup** - Popup can now position elements correctly even when they have a different offset context than their activating element. Like in [this example](https://jsfiddle.net/g853mc03/)
 - **Modal** - You can now modify `closable` setting after init **Thanks @mdehoog** #3396
+- **Transition** - Adds new `glow` transition for highlighting an element on the page
 
 **Tiny Enhancements**
 - **Popup** - `arrowBackground` now inherits from `background` #6059 **Thanks @devsli**
@@ -28,6 +29,7 @@
 - **Popup** - Popup will now use `content` specified in settings before `title` attribute #4614 **Thanks @aaronbhansen**
 - **Form Validation** - Fixes bug where `on: 'change'` would still show validation prompts on `blur` when using `inline: true` #4423 **Thanks @avalanche1**
 - **Dimmer** - Fixes issue with `inverted dimmer` with `content` having wrong text color **Thanks @rijk** #4631
+- **Images / Transition** - Fixed issue where `ui images` would show nested images with `transition hidden` as block (Fixes sequential img animation demo in docs)
 
 **Doc Updates**
 - **Icons** - Icon documentation now has a search that will copy the relevent icon html to clipboard
diff --git a/src/themes/default/modules/transition.overrides b/src/themes/default/modules/transition.overrides
index 1ceb8c09c..34d1a2a64 100644
--- a/src/themes/default/modules/transition.overrides
+++ b/src/themes/default/modules/transition.overrides
@@ -784,6 +784,7 @@
     Emphasis
 ---------------*/
 
+
 .flash.transition {
   animation-duration: 750ms;
   animation-name: flash;
@@ -808,6 +809,14 @@
   animation-duration: 750ms;
   animation-name: jiggle;
 }
+.transition.glow {
+  animation-duration: 2000ms;
+  animation-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
+}
+.transition.glow {
+  animation-name: glow;
+}
+
 
 /* Flash */
 @keyframes flash {
@@ -881,7 +890,7 @@
 
 }
 
-/* Rubberband */
+/* Jiggle */
 @keyframes jiggle {
   0% {
     transform: scale3d(1, 1, 1);
@@ -906,5 +915,16 @@
   }
 }
 
-
+/* Glow */
+@keyframes glow {
+  0% {
+    background-color: #FCFCFD;
+  }
+  30% {
+    background-color: #FFF6CD;
+  }
+  100% {
+    background-color: #FCFCFD;
+  }
+}