added classes yellow ,orange,red followed by transitions on save button background.

This commit is contained in:
tanerochris
2016-05-09 18:47:48 +01:00
parent 61c5fcc2f6
commit 9ddc06e17e
+29 -11
View File
@@ -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;