Herman 3.0.0

The OddBird credit in the navigation footer can be toggled using the SassDoc display.watermark configuration setting.

Example

njk
{% import 'utility.macros.njk' as utility %}
<aside class="footer-credit">
  <a href="http://oddbird.net/herman/" class="footer-icon">
    {{ utility.icon('logo', size='footer-logo') }}
  </a>
  <span>
    Documented with
    <a href="http://oddbird.net/herman/" class="footer-link">
      Herman
    </a>
  </span>
  <span>
    by
    <a href="http://oddbird.net/" class="footer-link">
      OddBird
    </a>
  </span>
</aside>
html compiled
<aside class="footer-credit"> <a href="http://oddbird.net/herman/" class="footer-icon">
    
  <svg data-icon="logo" data-icon-size="footer-logo" ><use xlink:href="#icon-logo" />
  </svg>

  </a>
 <span>
    Documented with
    <a href="http://oddbird.net/herman/" class="footer-link">
      Herman
    </a>
  </span>
 <span>
    by
    <a href="http://oddbird.net/" class="footer-link">
      OddBird
    </a>
  </span>

</aside>

.footer-credit

scss
.footer-credit {
  @include clearfix;
  border-top: 1px solid color('theme-light');
  flex: 0 0 auto;
  font-size: size('footer');
  line-height: size('rhythm');
  padding-top: size('gutter');

  span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
  }
}

Layout for the footer credit.

.footer-icon

scss
.footer-icon {
  #{$link} {
    color: inherit;
    float: left;
    margin-right: size('half-shim');
  }
}

Layout for the footer logo-icon.