College of Business Style Guide

Branding 

<picture class="image lehigh-logo">
    <a href="https://www.lehigh.edu" class="logo__link">
        <img class="web" src="/images/lehigh-logo.svg" alt="Lehigh University logo" />
        <img class="print" src="/images/lehigh-logo-print.jpg" alt="Lehigh University logo" />
        <span class="sr-only">Go to homepage</span>
    </a>
</picture>
<div class="college-name">
    <a href="/">College of Business</a>
</div>
 
{# This should have .branding wrapper, but the extra div messed up existing
styles of the header component, and so letting the parent handle those styles
was the most expedient. #}
{% block cms_override %}
    {% include "@images--logo" %}
{% endblock cms_override %}
<div class="college-name">
    <a href="{{ url }}">{{ site_name|raw }}</a>
</div>
 
{
  "site_logo": "/images/lehigh-logo.svg",
  "site_logo_print": "/images/lehigh-logo-print.jpg",
  "site_name": "College of Business",
  "url": "/"
}
  • Content: 
    .college-name {
  width: 100px;

  @media only screen and (min-width: $break-desktop) {
    max-width: $space-sextuple;
    width: inherit;
  }

  a {
    font-size: 1.25rem;
    line-height: 1;
    color: $white;

    &:hover,
    &:focus {
      text-decoration: none;
    }
  }
}
  • URL: /components/raw/branding/branding.scss
  • Filesystem Path: components/02-pieces/18-branding/branding.scss
  • Size: 283 Bytes

No notes defined.