[gnome-clocks/bilelmoussaoui/redesign-timer] Timer: add a color blink when the timer is paused

[Bilal Elmoussaoui <bilelmoussaoui src gnome org>]

commit b767b2810d3ecd76e54bbddece1c05f132d10877
Author: Bilal Elmoussaoui <bil elmoussaoui gmail com>
Date:   Wed Feb 5 18:17:29 2020 +0100

    Timer: add a color blink when the timer is paused

 data/css/gnome-clocks.css | 24 +++++++++++-------------
 src/timer.vala            |  2 +-
 2 files changed, 12 insertions(+), 14 deletions(-)
---
diff --git a/data/css/gnome-clocks.css b/data/css/gnome-clocks.css
index 041634c..be61d73 100644
--- a/data/css/gnome-clocks.css
+++ b/data/css/gnome-clocks.css
@@ -215,19 +215,6 @@ spinbutton.clocks-timer-label {
 spinbutton.clocks-timer-label button {
     color: transparent;
 }
-
-@keyframes clocks-blink {
-    0% { color: @theme_fg_color; }
-    100% { color: @insensitive_fg_color; }
-}
-
-.clocks-paused .clocks-timer-label {
-    animation-name: clocks-blink;
-    animation-iteration-count: infinite;  
-    animation-timing-function: cubic-bezier(1.0,0,0,1.0);
-    animation-duration: 1s; 
-}
-
 .timer-panel .round-button {
   border-radius: 9999px;
 }
@@ -243,9 +230,20 @@ spinbutton.clocks-timer-label button {
 }
 .timer-countdown {
   font-size: 40pt;
+  color: #9E9DA1;
 }
+
+@keyframes clocks-blink {
+    0% { color: #9E9DA1; }
+    100% { color: #428be5; }
+}
+
 .timer-countdown.timer-paused {
   color: #9E9DA1;
+  animation-name: clocks-blink;
+  animation-iteration-count: infinite;
+  animation-timing-function: cubic-bezier(1.0,0,0,1.0);
+  animation-duration: 1s;
 }
 .timer-countdown.timer-running {
   color: #428be5;
diff --git a/src/timer.vala b/src/timer.vala
index 0edaf12..523029b 100644
--- a/src/timer.vala
+++ b/src/timer.vala
@@ -324,7 +324,7 @@ public class Row : Gtk.ListBoxRow {
         reset_stack.visible_child_name = "empty";
         delete_stack.visible_child_name = "button";
 
-        countdown_label.get_style_context ().add_class ("timer-paused");
+        countdown_label.get_style_context ().remove_class ("timer-paused");
         countdown_label.get_style_context ().remove_class ("timer-ringing");
         countdown_label.get_style_context ().remove_class ("timer-running");
         start_stack.visible_child_name = "start";