Academy of Natural Sciences

Article Post Date 

<div class="c-article-post-date o-container" data-bkg-theme="base">
    <div class="o-row">
        <div class="o-col o-col-xs-10 o-col-xs--offset-1 o-col-sm-md-8 o-col-sm--offset-2">
            <p class="c-article-post-date__date f-text--credit">
                Written on: <span class="c-article-post-date__date-text">March 26, 2020</span>
            </p>
        </div>
    </div>
</div>
 
<div class="c-article-post-date o-container" data-bkg-theme="base">
  <div class="o-row">
    <div class="o-col o-col-xs-10 o-col-xs--offset-1 o-col-sm-md-8 o-col-sm--offset-2">
      <p class="c-article-post-date__date f-text--credit">
        Written on:  <span class="c-article-post-date__date-text">{{ date }}</span>
      </p>
    </div>
  </div>
</div>
 
{
  "pageColorTheme": "teal",
  "date": "March 26, 2020"
}
  • Content: 
    .c-article-post-date {
  margin-top: 9.2rem;
  margin-bottom: 3.4rem;
}

.c-article-post-date__date {

  &:after {
    content: '';
    display: block;
    margin-top: 4.2rem;
    width: 4.5rem;
    height: 0.1rem;
    background-color: var(--ct-txt);
  }
}

.c-article-post-date__date-text {
  font-size: 1.3rem;
  font-weight: 500;
  font-style: normal;
  font-variant-numeric: normal;
}
  • URL: /components/raw/article-post-date/article-post-date.scss
  • Filesystem Path: patterns\06-components\article-post-date\article-post-date.scss
  • Size: 413 Bytes

No notes defined.