From 9ddc06e17e5c33c9ad857c37ff6132f634e45cd4 Mon Sep 17 00:00:00 2001
From: tanerochris <tanejuth@gmail.com>
Date: Mon, 9 May 2016 18:47:48 +0100
Subject: [PATCH] added classes yellow ,orange,red followed by transitions on
 save button background.

---
 css/app.css | 40 +++++++++++++++++++++++++++++-----------
 1 file changed, 29 insertions(+), 11 deletions(-)

diff --git a/css/app.css b/css/app.css
index a75cc97de..940c0b2f9 100644
--- a/css/app.css
+++ b/css/app.css
@@ -451,8 +451,11 @@ button.secondary-action:hover {
 
 button.save.has-count {
     padding: 9px;
+    -webkit-transition: background-color 8s;
+    transition: background-color 8s;
 }
 
+
 button.save .count {
     display: none;
 }
@@ -469,8 +472,11 @@ button.save.has-count .count {
     border-radius: 4px;
     margin: auto;
     margin-left: 8.3333%;
+    -webkit-transition: background-color 8s;
+    transition: background-color 8s;
 }
 
+
 button.save.has-count .count::before {
     content: "";
     margin: auto;
@@ -483,7 +489,30 @@ button.save.has-count .count::before {
     border-top:    6px solid transparent;
     border-bottom: 6px solid transparent;
     border-right:  6px solid rgba(255,255,255,.5);
+
 }
+/*style for soft warning on save btn*/
+
+button.save.has-count.yellow,
+button.save.has-count .count.yellow{
+    background-color: #FFFF88;
+    -webkit-transition: background-color 8s;
+    transition: background-color 8s;
+}
+ 
+button.save.has-count.orange,
+button.save.has-count .count.orange{
+    background-color: #EB9326;
+    -webkit-transition: background-color 8s;
+    transition: background-color 8s;
+} 
+button.save.has-count.red,
+button.save.has-count .count.red{
+    background-color: #E06D5F;
+    -webkit-transition: background-color 8s;
+    transition: background-color 8s;
+} 
+/*end*/
 
 /* Icons */
 
@@ -2042,17 +2071,6 @@ div.full-screen > button:hover {
     right: -10px;
 }
 
-.nudge-surface {
-   position: absolute;
-   z-index: 5000;
-   left: 0;
-   top: 0;
-   width: 100%;
-   height: 100%;
-   background-color: transparent;
-   cursor: move;
-}
-
 .background-control .nudge.right::after {
     border-top:  5px solid transparent;
     border-bottom:  5px solid transparent;