From 05dca4da7179eee468f344d9d76b74b5419418fd Mon Sep 17 00:00:00 2001
From: piensaenpixel <piensaenpixel@gmail.com>
Date: Fri, 14 Oct 2016 12:06:20 +0200
Subject: [PATCH] add blue loader

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

diff --git a/src/scss/cdb-components/loader.scss b/src/scss/cdb-components/loader.scss
index 3122409..1b2fdfb 100644
--- a/src/scss/cdb-components/loader.scss
+++ b/src/scss/cdb-components/loader.scss
@@ -47,6 +47,12 @@ This is the generic loader for widgets, maps, components, ...
 
 ```
 <div style="padding: 20px;">
+  <div class="CDB-LoaderIcon is-blue">
+    <svg class="CDB-LoaderIcon-spinner" viewBox="0 0 50 50">
+      <circle class="CDB-LoaderIcon-path" cx="25" cy="25" r="20" fill="none"></circle>
+    </svg>
+  </div>
+
   <div class="CDB-LoaderIcon is-dark">
     <svg class="CDB-LoaderIcon-spinner" viewBox="0 0 50 50">
       <circle class="CDB-LoaderIcon-path" cx="25" cy="25" r="20" fill="none"></circle>
@@ -131,6 +137,9 @@ 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 {
   100% {