From 0591e25d0e79f69ab2b607405700acd5f7421730 Mon Sep 17 00:00:00 2001
From: piensaenpixel <piensaenpixel@gmail.com>
Date: Wed, 24 Feb 2016 14:21:53 +0100
Subject: [PATCH] add list widgets

---
 package.json                       |   2 +-
 src/fonts/cartoIcon.eot            | Bin 19808 -> 19808 bytes
 src/fonts/cartoIcon.ttf            | Bin 19636 -> 19636 bytes
 src/fonts/cartoIcon.woff           | Bin 12424 -> 12424 bytes
 src/scss/cdb-components/lists.scss |  84 +++++++++++++++++++++++++++++
 5 files changed, 85 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index b190d05..2bb1a58 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "cartoassets",
   "description": "Share frontend assets between different CartoDB repositories",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "homepage": "https://github.com/cartodb/CartoAssets",
   "author": {
     "name": "CartoDB",
diff --git a/src/fonts/cartoIcon.eot b/src/fonts/cartoIcon.eot
index 390f86692ab1cdee0c0a518f0d338639784fb9d9..b798a0b3e9580988843092c75a26e47a40a830d1 100644
GIT binary patch
delta 55
zcmaDbi}ArM#tAmezR!Ip+OK22^1g23hpEy)UOd0eR|amzUkpHS>2tUjjNZI}@qjk~
DoDLR?

delta 55
zcmaDbi}ArM#tAmePxXQ(+OK22bb8ao4^yRs^q$7^+k9o<X8gqf1eZR!roiaU3m6Z0
F0|1r)7H<Fm

diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf
index f8076b7931427fa581a148f3f4d82595c2487a30..014b8d8be8584cbcec1296126275eaf17a1ff238 100644
GIT binary patch
delta 47
wcmdlolX1&T#tDwhSKil6beSsc``kC4-{va=H{&k`Ah`57+zUo;{Bpn>0LMrY*#H0l

delta 47
wcmdlolX1&T#tDwhmrie*=rUD0NbhMpzs*+$ZpL2>Kyc}kYYL3s_~n2%0L7CM*#H0l

diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff
index d2d97062da3096028ed56eb8243eeef56b97cfcf..1b178a0c50efff96a92a780abde43b1139c75476 100644
GIT binary patch
delta 61
zcmV-D0K)%>VTfUnc>~n%ezAPXC@CYKU8(W>HeVUI8Givq7%qJd_kz)H%Kv}oieUT$
T<Z>`DfkXjoQw`IzZYdfEgex0|

delta 61
zcmV-D0K)%>VTfUnc>~hRvax*0C@G^r#=r6WHeVUI8Givq7%qKsO@YyG%Kv}oieUT$
T<Z>`DfkXjk3Jt}xZYdfEn8zEF

diff --git a/src/scss/cdb-components/lists.scss b/src/scss/cdb-components/lists.scss
index d85ff29..59defd8 100644
--- a/src/scss/cdb-components/lists.scss
+++ b/src/scss/cdb-components/lists.scss
@@ -25,3 +25,87 @@
   display: block;
   padding: 12px 16px;
 }
+
+
+/* SG
+# Lists/Lists Widgets
+
+
+```
+  <ul class="CDB-BlockList">
+    <li class="CDB-BlockList-item">
+      <div class="CDB-BlockList-media u-rSpace--xl">
+      </div>
+      <div class="CDB-BlockList-Inner">
+        <div class="CDB-BlockList-Title u-bSpace">
+          <h2 class="CDB-BlockList-TitleText CDB-Text CDB-Size-large u-ellipsis">Stadiums Affected Stadiums Affected Stadiums AffectedStadiums Affected Stadiums Affected Stadiums Affected Stadiums Affected </h2>
+          <div class="CDB-HeaderInfo-Actions">
+            <button class="CDB-Shape">
+              <div class="CDB-Shape-close is-blue is-large"></div>
+            </button>
+          </div>
+        </div>
+        <p class="CDB-Text CDB-Size-medium u-secondaryTextColor">NBA Fans, fans_num</p>
+      </div>
+    </li>
+    <li class="CDB-BlockList-item">
+      <div class="CDB-BlockList-media u-rSpace--xl">
+      </div>
+      <div class="CDB-BlockList-Inner">
+        <div class="CDB-BlockList-Title u-bSpace">
+          <h2 class="CDB-BlockList-TitleText CDB-Text CDB-Size-large u-ellipsis">Stadiums Affected Stadiums Affected Stadiums AffectedStadiums Affected Stadiums Affected Stadiums Affected Stadiums Affected </h2>
+          <div class="CDB-HeaderInfo-Actions">
+            <button class="CDB-Shape">
+              <div class="CDB-Shape-close is-blue is-large"></div>
+            </button>
+          </div>
+        </div>
+        <p class="CDB-Text CDB-Size-medium u-secondaryTextColor">NBA Fans, fans_num</p>
+      </div>
+    </li>
+  </ul>
+```
+*/
+
+@import '../cdb-utilities/mixins';
+@import '../cdb-variables/sizes';
+@import '../cdb-variables/colors';
+
+
+.CDB-BlockList-item {
+  @include display-flex();
+  margin-bottom: 8px;
+  padding: 16px;
+  border: 1px solid $cSecondaryLine;
+  border-radius: $baseSize;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.CDB-BlockList-inner {
+  @include flex(1);
+}
+
+.CDB-BlockList-Title {
+  @include display-flex();
+  @include align-items(center);
+}
+
+.CDB-BlockList-TitleText {
+  @include flex(1);
+  width: 0;
+  padding-right: 16px;
+}
+
+.CDB-BlockList-media {
+  width: 40px;
+  height: 40px;
+  border: 1px solid $cSecondaryLine;
+  border-radius: 4px;
+  background: $cThirdBackground;
+}
+
+
+