Social: Post Tiles

<!-- Without Media -->
<div class="social-tile">
    <a class="social-tile__link" href="http://twitter.com/UCLA">
        <p class="social-tile__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
            incididunt ut labore et dolore magna aliqua.</p>
        <div class="social-tile__info">
            <span class="social-tile__handle">@UCLA</span>
            <span class="social-tile__timestamp">5 hours ago</span>
        </div>
        <img class="social-tile__logo" src="https://s3.us-west-1.amazonaws.com/webcomponents.ucla.edu/img/icons/social/twitter--white.svg" alt="Twitter">
    </a>
</div>

<!-- Has Media -->
<div class="social-tile">
    <a class="social-tile__link has-media" href="https://www.instagram.com/ucla">
        <img class="social-tile__media" src="/img/example-post.jpg" alt="Student walking on campus after rain.">
        <p class="social-tile__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
            incididunt ut labore et dolore magna aliqua.</p>
        <div class="social-tile__info">
            <span class="social-tile__handle">@UCLA</span>
            <span class="social-tile__timestamp">1 day ago</span>
        </div>
        <img class="social-tile__logo" src="https://s3.us-west-1.amazonaws.com/webcomponents.ucla.edu/img/icons/social/instagram--white.svg" alt="instagram">
    </a>
</div>