<article>
    <header>
        <h1 class="post-title">My Blog Post</h1>
        <time class="post-postedOn" datetime="01/05/2017">Posted on: <span class="post-date">01/05/2017</span></time>
    </header>
    <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>
</article>
<article>
    <header>
        <h1 class="post-title">{{ title }}</h1>
        <time class="post-postedOn" datetime="{{ published|date("m/d/Y")}}">Posted on: <span class="post-date">{{ published|date("m/d/Y") }}</span></time>
    </header>
    {{ contents }}
</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.