<article>
    <h2 class="post-title--excerpt post-title"><a href="//">My Blog Post</a></h2>
    <time class="post-postedOn post-postedOn--excerpt" datetime="01/05/2017">Posted on: <span class="post-date post-date--excerpt">01/05/2017</span></time>
    <p>
        <p>Integer quis felis leo. Suspendisse elementum.</p>
    </p>
</article>
<article>
    <h2 class="post-title--excerpt post-title"><a href="/{{path}}/">{{title}}</a></h2>
    <time class="post-postedOn post-postedOn--excerpt" datetime="{{ published|date("m/d/Y")}}">Posted on: <span class="post-date post-date--excerpt">{{ published|date("m/d/Y") }}</span></time>
    <p>{{excerpt}}</p>
</article>
{
  "title": "My Blog Post",
  "published": "2017-01-05",
  "contents": "<p>Integer quis felis leo. <a href-\"#\">Suspendisse elementum</a>, elit consectetur maximus blandit, lectus leo euismod ipsum, quis efficitur erat augue ut lorem. Duis convallis dictum pellentesque. Quisque eget quam finibus, eleifend odio eget, hendrerit dui. Ut bibendum justo id ex interdum eleifend. Morbi vel magna a lectus dictum dapibus. Aliquam ac tellus posuere risus suscipit vehicula. Sed pharetra fermentum accumsan. Ut malesuada justo mi, at suscipit sapien auctor quis.</p>",
  "excerpt": "<p>Integer quis felis leo. Suspendisse elementum.</p>"
}
  • Content:
    @import '../../scss/variables';
    
    .post-title {
        margin-bottom: 4px;
    }
    
    .post-postedOn {
        font-size: 14px;
        margin-bottom: 1em;
        display: block;
    }
    
    .post-date {
        font-size: 12px;
        color: #E74C3C;
        font-weight: light;
    }
  • URL: /components/raw/post/post.scss
  • Filesystem Path: design/components/post/post.scss
  • Size: 238 Bytes

There are no notes for this item.