ISTWCMS-3668: adding stylings for twitter

source/_patterns/04-components/twitter/_twitter.scss

+.uw-twitter {
+  &__wrapper {
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+  }
+}

source/_patterns/04-components/twitter/twitter.twig

+{% if feed_type == 'faves' %}
+  {% set twitter_href = 'https://twitter.com/' ~ username ~ '/favorites' %}
+  {% set twitter_link = 'Favourite tweets by @' ~ username %}
+{% elseif feed_type == 'profile' %}
+  {% set twitter_href = 'https://twitter.com/' ~ username %}
+  {% set twitter_link = 'Tweets by @' ~ username %}
+{% elseif feed_type == 'list' %}
+  {% set twitter_href = 'https://twitter.com/' ~ username ~ '/lists/' ~ list_name %}
+  {% set twitter_link = 'Tweets by @' ~ username ~ '/' ~ list_name %}
+{% endif %}
+
+<div class="uw-twitter">
+  <div class="uw-twitter__wrapper">
+
+    {% if feed_type == 'embed-tweet' %}
+      <blockquote class="twitter-tweet" data-dnt="true"><a href="https://twitter.com/{{ tweet_code }}">Read individual Tweet on Twitter</a></blockquote>
+    {% else %}
+      <div
+        class="twitter"
+        data-listname="{{ list_name }}"
+        data-timeline=""
+        data-tweet=""
+        data-type="{{ feed_type }}"
+        data-url=""
+        data-username="{{ username }}">
+          <a class="twitter-timeline" href="{{ twitter_href }}" data-theme="light" data-link-color="#light" data-height="650" data-dnt="true">{{ twitter_link }}</a>
+      </div>
+    {% endif %}
+
+    <script src="https://platform.twitter.com/widgets.js"></script>
+
+  </div>
+</div>

source/_patterns/04-components/twitter/twitter.yml

+feed_type: profile
+username: UWaterloo
+list_name: test