MDL-59884 themes: add styles for overlay loading
[moodle.git] / theme / boost / scss / moodle / core.scss
index f7a36ef..c427200 100644 (file)
@@ -2159,3 +2159,25 @@ $footer-link-color: $bg-inverse-link-color !default;
 .clickable {
     cursor: pointer;
 }
 .clickable {
     cursor: pointer;
 }
+
+.overlay-icon-container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255, 255, 255, 0.6);
+
+    .loading-icon {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+
+        .icon {
+            height: 40px;
+            width: 40px;
+
+        }
+    }
+}