Lehigh Clutch Style Guide

Org Unit - Leader Condensed 

<div class="person-contact">
    <h3><a href="https://es.pn">Person Name</a></h3>
</div><!-- end person-contact -->
 
<div class="person-contact">
  <h3><a href="{{ person_url }}">{{ person_name }}</a></h3>
</div><!-- end person-contact -->
 
{
  "person_url": "https://es.pn",
  "person_name": "Person Name"
}
  • Content: 
    .person-contact {
  margin: 0 0 $spacer;

  h3 {
    font-size: 1.5rem;

    a {
      color: $base_font;
      color: var(--base_font, $base_font);
      border-bottom: 2px solid $base_font;
      border-bottom: 2px solid var(--base_font, $base_font);

      &:focus,
      &:hover {
        color: $hyperlink;
        color: var(--hyperlink, $hyperlink);
      }
    }
  }
}
  • URL: /components/raw/leader_condensed/leader_condensed.scss
  • Filesystem Path: bits/04-components/org_unit_and_services/leader_condensed/leader_condensed.scss
  • Size: 377 Bytes
  • Handle: @leader_condensed
  • Preview:
  • Filesystem Path: bits/04-components/org_unit_and_services/leader_condensed/leader_condensed.twig

Display the Org Unit - Leader Condensed.