From edd7fa33d0fcdcb1705e739708e7aa16ff70944f Mon Sep 17 00:00:00 2001
From: Ryan Wyllie <ryan@moodle.com>
Date: Mon, 27 Aug 2018 17:01:31 +0800
Subject: [PATCH] MDL-63044 theme: add background pulse grey class

---
 theme/boost/scss/moodle/core.scss         | 16 ++++++++++++++++
 theme/boost/style/moodle.css              | 11 +++++++++++
 theme/bootstrapbase/less/moodle/core.less | 16 ++++++++++++++++
 theme/bootstrapbase/style/moodle.css      | 14 ++++++++++++++
 4 files changed, 57 insertions(+)

diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index 02806c6070d..2439e4b2dcb 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -2119,3 +2119,19 @@ div.editor_atto_toolbar button .icon {
     width: auto;
 }
 
+.bg-pulse-grey {
+    animation: bg-pulse-grey 2s infinite linear;
+}
+
+@keyframes bg-pulse-grey {
+    0% {
+        background-color: $gray-100;
+    }
+    50% {
+        background-color: darken($gray-100, 5%);
+    }
+    100% {
+        background-color: $gray-100;
+    }
+}
+
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 6770bf666c2..339920763a8 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -10427,6 +10427,17 @@ div.editor_atto_toolbar button .icon {
 .w-auto {
   width: auto; }
 
+.bg-pulse-grey {
+  animation: bg-pulse-grey 2s infinite linear; }
+
+@keyframes bg-pulse-grey {
+  0% {
+    background-color: #f8f9fa; }
+  50% {
+    background-color: #e9ecef; }
+  100% {
+    background-color: #f8f9fa; } }
+
 .icon {
   font-size: 16px;
   width: 16px;
diff --git a/theme/bootstrapbase/less/moodle/core.less b/theme/bootstrapbase/less/moodle/core.less
index a50887ff2a8..6631c22b7ba 100644
--- a/theme/bootstrapbase/less/moodle/core.less
+++ b/theme/bootstrapbase/less/moodle/core.less
@@ -2426,3 +2426,19 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
 [data-drag-type="move"] {
     cursor: move;
 }
+
+.bg-pulse-grey {
+    animation: bg-pulse-grey 2s infinite linear;
+}
+
+@keyframes bg-pulse-grey {
+    0% {
+        background-color: @grayLighter;
+    }
+    50% {
+        background-color: darken(@grayLighter, 5%);
+    }
+    100% {
+        background-color: @grayLighter;
+    }
+}
\ No newline at end of file
diff --git a/theme/bootstrapbase/style/moodle.css b/theme/bootstrapbase/style/moodle.css
index 7edf35ac46c..faa74e58c04 100644
--- a/theme/bootstrapbase/style/moodle.css
+++ b/theme/bootstrapbase/style/moodle.css
@@ -4808,6 +4808,20 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
 [data-drag-type="move"] {
   cursor: move;
 }
+.bg-pulse-grey {
+  animation: bg-pulse-grey 2s infinite linear;
+}
+@keyframes bg-pulse-grey {
+  0% {
+    background-color: #eee;
+  }
+  50% {
+    background-color: #e1e1e1;
+  }
+  100% {
+    background-color: #eee;
+  }
+}
 /* admin.less */
 .formtable tbody th {
   font-weight: normal;