From 98f9a197e270ccc1744cf58df706e7aa601f3f86 Mon Sep 17 00:00:00 2001
From: elenatorro <elenatorro@gmail.com>
Date: Tue, 20 Mar 2018 18:31:31 +0100
Subject: [PATCH 1/2] Fix spinner for IE11

---
 src/scss/cdb-components/_loader.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/scss/cdb-components/_loader.scss b/src/scss/cdb-components/_loader.scss
index 1834d4d..4c884f9 100644
--- a/src/scss/cdb-components/_loader.scss
+++ b/src/scss/cdb-components/_loader.scss
@@ -126,6 +126,8 @@ This is the generic loader for widgets, maps, components, ...
 .CDB-LoaderIcon-path {
   stroke: rgba(255, 255, 255, 0.88);
   stroke-linecap: round;
+  stroke-dasharray: 1, 150;
+  stroke-dashoffset: 0;
   animation: dash 1.5s ease-in-out infinite;
   stroke-width: 4px;
 }
@@ -137,11 +139,16 @@ This is the generic loader for widgets, maps, components, ...
 .CDB-LoaderIcon.is-dark .CDB-LoaderIcon-path {
   stroke: rgba(0, 0, 0, 0.24);
 }
+
 .CDB-LoaderIcon.is-blue .CDB-LoaderIcon-path {
   stroke: $cBlue;
 }
 
 @keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+
   100% {
     transform: rotate(360deg);
   }

From 5ee0e4fed2259ed0d3e5a39d9242c98853d2dbdf Mon Sep 17 00:00:00 2001
From: elenatorro <elenatorro@gmail.com>
Date: Thu, 22 Mar 2018 19:05:32 +0100
Subject: [PATCH 2/2] Set default stroke to make it work in IE11

---
 src/scss/cdb-components/_loader.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/scss/cdb-components/_loader.scss b/src/scss/cdb-components/_loader.scss
index 4c884f9..46c8be1 100644
--- a/src/scss/cdb-components/_loader.scss
+++ b/src/scss/cdb-components/_loader.scss
@@ -126,7 +126,7 @@ This is the generic loader for widgets, maps, components, ...
 .CDB-LoaderIcon-path {
   stroke: rgba(255, 255, 255, 0.88);
   stroke-linecap: round;
-  stroke-dasharray: 1, 150;
+  stroke-dasharray: 90, 150;
   stroke-dashoffset: 0;
   animation: dash 1.5s ease-in-out infinite;
   stroke-width: 4px;