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 390f866..b798a0b 100644
Binary files a/src/fonts/cartoIcon.eot and b/src/fonts/cartoIcon.eot differ
diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf
index f8076b7..014b8d8 100644
Binary files a/src/fonts/cartoIcon.ttf and b/src/fonts/cartoIcon.ttf differ
diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff
index d2d9706..1b178a0 100644
Binary files a/src/fonts/cartoIcon.woff and b/src/fonts/cartoIcon.woff differ
diff --git a/src/scss/cdb-components/lists.scss b/src/scss/cdb-components/lists.scss
index d85ff29..14414db 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: $baseSize;
+  padding: $baseSize * 2;
+  border: 1px solid $cSecondaryLine;
+  border-radius: $baseSize / 2;
+
+  &: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: $baseSize * 2;
+}
+
+.CDB-BlockList-media {
+  width: 40px;
+  height: 40px;
+  border: 1px solid $cSecondaryLine;
+  border-radius: $baseSize / 2;
+  background: $cThirdBackground;
+}
+
+
+