Changeset 3685:3f1bacac1ac3 for admin/style/scss/partials/_messages.scss

Timestamp:

01/27/18 11:59:30 (8 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Switch from jQuery background fade plugin to CSS3 animation (plugin removed from distribution)

File:

• admin/style/scss/partials/_messages.scss (modified) (4 diffs)

admin/style/scss/partials/_messages.scss

@@ -60 +60 @@
 
 .error {
-     background: #FFBABA url(msg-error.png) no-repeat .7em .7em;
+     background: #ffbaba url(msg-error.png) no-repeat .7em .7em;
      color: #000;
+  animation-name: kf-error;
+  animation-duration: .5s;
+}
+@keyframes kf-error {
+  0% {
+    background-color: #fefacd;
+  }
+  100% {
+    background-color: #ffbaba;
+  }
 }
 
@@ -68 +78 @@
      background: #676e78 url(msg-std.png) no-repeat .7em .7em;
      color: #fff;
+}
+.message {
+  animation-name: kf-message;
+  animation-duration: .5s;
+}
+@keyframes kf-message {
+  0% {
+    background-color: #ccc;
+  }
+  100% {
+    background-color: #676e78;
+  }
 }
 
@@ -83 +105 @@
 
 .success {
-     background: #9bca1c url(msg-success.png) no-repeat .7em .7em;
+     background: #bee74b url(msg-success.png) no-repeat .7em .7em;
+  animation-name: kf-success;
+  animation-duration: .5s;
+}
+@keyframes kf-success {
+  0% {
+    background-color: #9bca1c;
+  }
+  100% {
+    background-color: #bee74b;
+  }
 }
 
@@ -89 +121 @@
      background: #ffd478 url(msg-warning.png) no-repeat .7em .7em;
      border: 1px solid #ffd478;
+  animation-name: kf-warning;
+  animation-duration: .5s;
+}
+@keyframes kf-warning {
+  0% {
+    background-color: #fefacd;
+  }
+  100% {
+    background-color: #ffd478;
+  }
 }