TheaterMania Component Library

Byline: Wos 

<ul class="byline">
    <li class="byline-list-item">
        <a href="#">Editorial Staff</a>
    </li>
    <li class="byline-list-item">
        <a href="#">Off-Broadway</a>
    </li>
    <li class="byline-list-item">
        12 April, 2017
    </li>
</ul>
 
<ul class="byline">
  {{#each byline-item}}
    <li class="byline-list-item">
      {{#if by-copy}}
        {{by-copy}}
      {{/if}}
      {{#if link}}
        <a href="#">{{item}}</a>
      {{else}}
        {{item}}
      {{/if}}
    </li>
  {{/each}}
</ul>
 
{
  "byline-item": [
    {
      "item": "Editorial Staff",
      "link": true
    },
    {
      "item": "Off-Broadway",
      "link": true
    },
    {
      "item": "12 April, 2017"
    }
  ]
}
  • Content: 
    .byline {
  margin: 0.25rem 0 0;
  padding: 0;
  list-style: none;
  font-size: $ms-neg-1;

  @include breakpoint($break-small) {
    margin: 0;
  }
}

.byline-list-item {
  display: inline;
  padding-left: 0;

  &::after {
    content: " | ";
  }

  &:last-child {
    &::after {
      content: "";
    }
  }
}
  • URL: /components/raw/byline/Byline.scss
  • Filesystem Path: src/components/01-Units/Text Blocks/Byline/Byline.scss
  • Size: 312 Bytes

There are no notes for this item.