From 306a67e27438bd2a67421db91b03fe8f85210460 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carlos=20Matall=C3=ADn?= <matallo@cartodb.com>
Date: Wed, 20 Apr 2016 18:54:00 +0200
Subject: [PATCH 1/2] legend with check

---
 src/scss/cdb-components/forms/legends.scss | 25 ++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/scss/cdb-components/forms/legends.scss b/src/scss/cdb-components/forms/legends.scss
index 20483ae..6a882bb 100644
--- a/src/scss/cdb-components/forms/legends.scss
+++ b/src/scss/cdb-components/forms/legends.scss
@@ -59,6 +59,27 @@
   <input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText">
 </div>
 
+<br/>
+<br/>
+<br/>
+
+<div class="CDB-Text CDB-Fieldset">
+  <p class="CDB-Legend CDB-Legend--withcheck u-ellipsis CDB-Text is-semibold CDB-Size-small u-rSpace--m">
+    <input class="CDB-Checkbox" type="checkbox" name="field" value="Sport">
+    <span class="u-iBlock CDB-Checkbox-face u-rSpace--m"></span>
+    <label class="CDB-Text is-semibold CDB-Size-small u-rSpace--m">SPORT</label>
+  </p>
+  <input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText">
+</div>
+
+<div class="u-tSpace-xl CDB-Text CDB-Fieldset">
+  <p class="CDB-Legend CDB-Legend--withcheck u-ellipsis CDB-Text is-semibold CDB-Size-small u-rSpace--m">
+    <input class="CDB-Checkbox" type="checkbox" name="field" value="Travel">
+    <span class="u-iBlock CDB-Checkbox-face u-rSpace--m"></span>
+    <label class="CDB-Text is-semibold CDB-Size-small u-rSpace--m">TRAVEL</label>
+  </p>
+  <input type="text" name="text" placeholder="DejaVu Sans" class="CDB-InputText">
+</div>
 ```
 */
 
@@ -69,6 +90,10 @@
   width: $baseSize * 12;
 }
 
+.CDB-Legend--withcheck {
+  width: ($baseSize * 24);
+}
+
 .CDB-Fieldset {
   @include display-flex();
   @include align-items(center);

From f6d5aa0d77abb7a79457d3cdd0127fe8c33cd059 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carlos=20Matall=C3=ADn?= <matallo@cartodb.com>
Date: Thu, 21 Apr 2016 16:26:01 +0200
Subject: [PATCH 2/2] CDB-Legend--big

---
 src/fonts/cartoIcon.eot                    | Bin 19720 -> 19720 bytes
 src/fonts/cartoIcon.ttf                    | Bin 19548 -> 19548 bytes
 src/fonts/cartoIcon.woff                   | Bin 12372 -> 12372 bytes
 src/scss/cdb-components/forms/legends.scss |   6 +++---
 4 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/fonts/cartoIcon.eot b/src/fonts/cartoIcon.eot
index 99e0715feb5dba02fee91da2bb52d3ef6e26efaf..6fc0859995ae4b4188ab3c428db9319a308667b2 100644
GIT binary patch
delta 57
zcmeB}#n>^6ae@s?>ifT~6CKtvXFRZ(_+g4n>)-dO@%%Pl8MqmLF#y43TmO|Xdh-It
G3~vC&pBA+M

delta 57
zcmeB}#n>^6ae@ttBoAlXM2EG^$$^h1ewZTD#>pcY&u{aUft&Fc0}x!c>ZpOyn-?%<
Gcmn_<a1xaO

diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf
index 2198bac6bdcb73252d59ca2acd2a1cd8c8e9c30e..e887a5501626d769fdd120ab1f8d0a203d9b88c1 100644
GIT binary patch
delta 48
xcmcaJgYnJ`#tDwh84qkGx=fL2{rf&Op5Nvx12^L@1|Ya>>%S64Z~T(s4FKQW5~~0J

delta 48
wcmcaJgYnJ`#tDwh$$^h1x=fL2<K&Ty=ePOFz|HuJ0SGQzb=1J<jbAdn0ir|@tpET3

diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff
index cf26cf20bb30cbbdb9242d03f2f7d63bbc431940..337de6941e37f61e2dfaac99d1584570bfba2d4f 100644
GIT binary patch
delta 68
zcmV-K0K5OxVANoca|ts5001`pXy81te3d9F);~u~<N0mAGH^5g0*WwPw)I~Lqu-SO
a|IQV`_y@@4U|<4?0swyx4fL}+DH#VgD;|~r

delta 68
zcmV-K0K5OxVANoca|tp4001`pV^QL<e3d9FHueWE<N0mAGH^5g0*WwPw(6*X(QnHC
af9Hx|`~&22Fff5c0eL(P;sCQdDH#Vcu^vwV

diff --git a/src/scss/cdb-components/forms/legends.scss b/src/scss/cdb-components/forms/legends.scss
index 6a882bb..34259cb 100644
--- a/src/scss/cdb-components/forms/legends.scss
+++ b/src/scss/cdb-components/forms/legends.scss
@@ -64,7 +64,7 @@
 <br/>
 
 <div class="CDB-Text CDB-Fieldset">
-  <p class="CDB-Legend CDB-Legend--withcheck u-ellipsis CDB-Text is-semibold CDB-Size-small u-rSpace--m">
+  <p class="CDB-Legend CDB-Legend--big u-ellipsis CDB-Text is-semibold CDB-Size-small u-rSpace--m">
     <input class="CDB-Checkbox" type="checkbox" name="field" value="Sport">
     <span class="u-iBlock CDB-Checkbox-face u-rSpace--m"></span>
     <label class="CDB-Text is-semibold CDB-Size-small u-rSpace--m">SPORT</label>
@@ -73,7 +73,7 @@
 </div>
 
 <div class="u-tSpace-xl CDB-Text CDB-Fieldset">
-  <p class="CDB-Legend CDB-Legend--withcheck u-ellipsis CDB-Text is-semibold CDB-Size-small u-rSpace--m">
+  <p class="CDB-Legend CDB-Legend--big u-ellipsis CDB-Text is-semibold CDB-Size-small u-rSpace--m">
     <input class="CDB-Checkbox" type="checkbox" name="field" value="Travel">
     <span class="u-iBlock CDB-Checkbox-face u-rSpace--m"></span>
     <label class="CDB-Text is-semibold CDB-Size-small u-rSpace--m">TRAVEL</label>
@@ -90,7 +90,7 @@
   width: $baseSize * 12;
 }
 
-.CDB-Legend--withcheck {
+.CDB-Legend--big {
   width: ($baseSize * 24);
 }