4.5 components.comments Comment
A single comment in a thread of comments.
Examples
Default styling
.comment--preview
Preview version of comment.
Jane A. User replied on Permalink
The comment's title
Conventio facilisis nutus. Distineo lucidus olim ut. Huic illum olim quadrum usitas. Bene ex pecus pneum uxor. Brevitas diam hos persto tincidunt virtus. Consequat dignissim distineo eros exerci huic ludus sino turpis.
.comment--nested
A nested comment.
Jane A. User replied on Permalink
The comment's title
Conventio facilisis nutus. Distineo lucidus olim ut. Huic illum olim quadrum usitas. Bene ex pecus pneum uxor. Brevitas diam hos persto tincidunt virtus. Consequat dignissim distineo eros exerci huic ludus sino turpis.
Markup: components/comment/comment.twig
<div class="comment__section">
<article class="comment {{modifier_class}}">
<header>
<p><a href="#">Jane A. User</a> replied on <time>Wed, 08/19/2015 - 17:51</time>
<a href="#" class="comment__permalink">Permalink</a>
</p>
<h3 class="comment__title">
<a href="#">The comment's title</a>
</h3>
</header>
<p>Conventio facilisis nutus. Distineo lucidus olim ut. Huic illum olim quadrum usitas. Bene ex pecus pneum uxor. Brevitas diam hos persto tincidunt virtus. Consequat dignissim distineo eros exerci huic ludus sino turpis.</p>
</article>
</div>
Source:
sass/components/comment/_comment.scss, line 1
Jane A. User replied on Permalink
The comment's title
Conventio facilisis nutus. Distineo lucidus olim ut. Huic illum olim quadrum usitas. Bene ex pecus pneum uxor. Brevitas diam hos persto tincidunt virtus. Consequat dignissim distineo eros exerci huic ludus sino turpis.