Press Room Details

<div class="c-press-room-details 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-press-room-details__text f-text--time">
                Philadelphia, PA <br>
                March 26, 2020
                <hr>
            </p>

        </div>
    </div>
</div>
<div class="c-press-room-details 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">
			{% for item in items %}
				<p class="c-press-room-details__text f-text--time">
				  {{ item.location }} <br>
					{{ item.date }}
          <hr>
        </p>
			{% endfor %}
		</div>
	</div>
</div>
{
  "pageColorTheme": "teal",
  "items": [
    {
      "location": "Philadelphia, PA",
      "date": "March 26, 2020"
    }
  ]
}
  • Content:
    .c-press-room-details {
      margin: 3rem auto;
    }
    
    .c-press-room-details__text {
      padding-bottom: 3rem;
    }
    
    hr {
      color: $c-black;
      width: 4.5rem;
      float: left;
    }
    
  • URL: /components/raw/press-room-details/press-room-details.scss
  • Filesystem Path: patterns\06-components\press-room-details\press-room-details.scss
  • Size: 176 Bytes

No notes defined.