From 564e8d46a40ab9fc4bc730cc1bf2a33535b3c6eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mar=C3=ADa=20Checa?= <mariajecheca@gmail.com>
Date: Thu, 4 Feb 2016 12:21:33 +0100
Subject: [PATCH] Added shapes to step

---
 src/fonts/cartoIcon.eot           | Bin 18856 -> 18856 bytes
 src/fonts/cartoIcon.ttf           | Bin 18684 -> 18684 bytes
 src/fonts/cartoIcon.woff          | Bin 11836 -> 11836 bytes
 src/scss/cdb-components/step.scss |  12 +++++++++---
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/fonts/cartoIcon.eot b/src/fonts/cartoIcon.eot
index 3c65c524eaf9ec1fa964a007d428f4db8c59f06b..01650deea1b1d7fe881627da6fa0a256b1dd1372 100644
GIT binary patch
delta 55
zcmZ26nQ_Hr#tAme;$HC+?bk6cP?DMWVXAbzmv}tC%~u9)#$OCTaOuW}nJ{|u0!9uG
E03%Km2LJ#7

delta 55
zcmZ26nQ_Hr#tAme`)A}%v|q<O<JXCaAErv@&e$K%Z}XLboADO|5L~(%^BzWTUckuV
F0RW-u7YP6W

diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf
index a9e0f79614145d44c52212f213e063c5ba6111d9..645e677613e8d527f519ae9c382d28fe27fe6b24 100644
GIT binary patch
delta 47
wcmew}k@3$&#tDwh3zTFgx=fXh_Y#lixB1Gz&G?G}2rk|DFcU^^{KDY@0HR(J6aWAK

delta 47
wcmew}k@3$&#tDwhGk%?z=rUD0cgFsBew(ih+>E~%fZ)>AnD;Px;};GO0PwC95&!@I

diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff
index 97c100843805d69e85d6ac43b917bf1766ed9317..1d8fe347a83c47eaf8c7628018099d151e6018f3 100644
GIT binary patch
delta 61
zcmV-D0K)&gT)bS6c>|y#9I<@1CMj{c#qs<$Um3U=e*r}pF5UPr6Gp!&|NosUg7FWK
T%fY||5(NOC(GR<`TPNWLVD1}_

delta 61
zcmV-D0K)&gT)bS6c>|dG$gzC3CMh{J(((K@Um3U=e*r}pE?tdz52N3d|NqVv!T1Nr
T<zQd}i2?wWF%LeoTPNWLk+>Vt

diff --git a/src/scss/cdb-components/step.scss b/src/scss/cdb-components/step.scss
index 8e375dc..b98f120 100644
--- a/src/scss/cdb-components/step.scss
+++ b/src/scss/cdb-components/step.scss
@@ -15,7 +15,9 @@
         <p class="u-uppercase u-color-cTypo3 CDB-FontSize-small u-bSpace--m">Heatmap</p>
       </div>
 
-      <i class="CDB-Step-action CDB-IconFont CDB-IconFont-arrowMenuLight Size-large u-color-cBlue"></i>
+      <div class="CDB-Shape">
+        <div class="CDB-ArrowToogle is-blue is-small is-down"></div>
+      </div>
     </div>
   </li>
   <li class="u-bSpace-xxxl">
@@ -27,7 +29,9 @@
         <p class="u-uppercase u-color-cTypo3 CDB-FontSize-small u-bSpace--m">None</p>
       </div>
 
-      <i class="CDB-Step-action CDB-IconFont CDB-IconFont-arrowMenuLight Size-large u-color-cBlue"></i>
+      <div class="CDB-Shape">
+        <div class="CDB-ArrowToogle is-blue is-small is-down"></div>
+      </div>
     </div>
   </li>
   <li class="u-bSpace-xxxl">
@@ -40,7 +44,9 @@
         <p class="u-color-cTypo3 CDB-FontSize-medium">Distribution of a numeric variable in a range</p>
       </div>
 
-      <i class="CDB-Step-action CDB-IconFont CDB-IconFont-arrowMenuLight Size-large u-color-cBlue"></i>
+      <div class="CDB-Shape">
+        <div class="CDB-ArrowToogle is-blue is-small is-down"></div>
+      </div>
     </div>
   </li>
 </ol>