@guardian/mobile-apps-article-templates
Version:
Templates for articles on both iOS and Android next-gen apps
42 lines (39 loc) • 2.04 kB
HTML
<section class="comments comments--module comments-__COMMENTS_COUNT__">
<div class="comments__wrapper">
<div class="comments__header">
<h2 class="comments__title">
<a class="comments__link" href="x-gu://showcomments">
Comments <span class="comments__count">__COMMENTS_COUNT__</span>
</a>
</h2>
<p class="comments__closed">Comments are closed</p>
<a class="comments__post touchpoint touchpoint--primary" href="x-gu://leavecomment">
<span class="touchpoint__label">Post a comment</span>
<span class="touchpoint__button" data-icon="" aria-hidden="true"></span>
</a>
</div>
<div class="comments__container">
<div class="comments__block comments__block--empty">
<p>
Open for comments. <a href="x-gu://leavecomment">Be the first to join the debate</a>
</p>
</div>
<div class="comments__block comments__block--failed">
<p>
Comments are currently unavailable. Please try again later.
</p>
</div>
<div class="comments__block comments__block--loading loading" data-icon=""></div>
</div>
<div class="comments__footer">
<a class="comments__post touchpoint touchpoint--primary" href="x-gu://leavecomment">
<span class="touchpoint__label">Post a comment</span>
<span class="touchpoint__button" data-icon="" aria-hidden="true"></span>
</a>
<a class="comments__viewmore touchpoint touchpoint--secondary" href="x-gu://showcomments">
<span class="comments__viewmore--label touchpoint__label">View more</span>
<span class="comments__viewmore--button touchpoint__button" data-icon="" aria-hidden="true"></span>
</a>
</div>
</div>
</section>