From 85bab9d1c65a93bd56f2de88b9817654fa1ab748 Mon Sep 17 00:00:00 2001
From: Lalith Kumar Karikelli <lalithkarikelli@users.noreply.github.com>
Date: Tue, 9 Feb 2021 18:48:10 +0530
Subject: [PATCH] docs(hx-loader): document variables and attributes

---
 src/scss/components/loader/_hx-progress.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/scss/components/loader/_hx-progress.scss b/src/scss/components/loader/_hx-progress.scss
index 00e088a86..eaaaa5c67 100644
--- a/src/scss/components/loader/_hx-progress.scss
+++ b/src/scss/components/loader/_hx-progress.scss
@@ -1,9 +1,11 @@
 @import "vars";
 
 hx-progress {
-  background-color: $gray-400;
+  background-color: $gray-400; // fallback css for IE11
+  background-color: var(--hxLoader-hxProgress-bgcolor, $gray-400);
   border-radius: 1em;
-  color: $cyan-500;
+  color: $blue-500;
+  color: var(--hxLoader-hxProgress-color, $blue-500);
   display: block;
   height: 0.5rem;
   overflow: hidden;