Lehigh Clutch Style Guide

Org Unit - Contact Person 

<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 {
  h3 {
    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/contact_person/contact_person.scss
  • Filesystem Path: bits/04-components/org_unit_and_services/contact_person/contact_person.scss
  • Size: 329 Bytes
  • Handle: @contact_person
  • Preview:
  • Filesystem Path: bits/04-components/org_unit_and_services/contact_person/contact_person.twig

Display the Org Unit - Contact Person.