Changed tweet entity layout to match the way it presents on Twitter

scss/_markup.scss

@@ -142,6 +142,10 @@
   $cwColor: darken($gray-100, 2%);
   margin: 0 -1rem 1em;
 
+  &:first-child {
+    margin-top: -1rem;
+  }
+
   padding: 10px 20px;
   background-color: $cwColor;
   color-adjust: exact;

scss/_tweet.scss

@@ -247,12 +247,24 @@
       grid-column-end: span 2;
     }
 
-    &.entity-count-2 .tweet-entity {
+    &.entity-count-2 {
+      .tweet-entity {
         grid-row-end: span 2;
       }
 
-    &.entity-count-3 .tweet-entity:first-child {
-      grid-row-end: span 2;
+      .tweet-entities-inner {
+        padding-bottom: 45%;
+      }
+    }
+
+    &.entity-count-3 {
+      .tweet-entities-grid {
+        grid-template: 1fr / 1fr 1fr 1fr;
+      }
+
+      .tweet-entities-inner {
+        padding-bottom: 30%;
+      }
     }
   }
 

thread.js

@@ -0,0 +1,21 @@
+/* eslint no-console:0, no-process-exit:0 */
+
+const argv = require('minimist')(process.argv.slice(2));
+const thread = require('./build/twitter-thread');
+
+const [ tweet ] = argv._;
+thread(tweet).then(
+  ([ embeds, dependencies ]) => {
+    console.log(dependencies.map((id) => `\n - '${id}'`).join(''));
+    console.log(`
+{!{
+{{import '~/tweet' ids=[${embeds.map((id) => `\n  '${id}'`).join('')}
+] tweets=meta.tweets className="oneblock card span2 left" }}
+}!}
+`);
+    process.exit(0);
+  }, (err) => {
+    console.error(err);
+    process.exit(1);
+  },
+);