<div class="maintenance-header">
    <img class="maintenance-header__logo" src="/assets/images/mauijim-brand-logo.png" alt="Maui Jim logo">
</div>
{{#if logo}}
<div class="maintenance-header">
  <img class="maintenance-header__logo" src="{{logo.src}}" alt="{{logo.alt}}">
</div>
{{/if}}
{
  "logo": {
    "src": "/assets/images/mauijim-brand-logo.png",
    "alt": "Maui Jim logo"
  }
}
  • Content:
    .maintenance-header {
      height: 50px;
      padding: 10px 0;
      border-bottom: 1px solid $color-light;
      box-sizing: border-box;
    
      @include breakpoint($breakpoint-md) {
        height: 70px;
      }
    
      @include breakpoint($breakpoint-xl) {
        height: 100px;
      }
    }
    
    .maintenance-header__logo {
      height: 100%;
      margin: 0 auto;
    }
    
  • URL: /components/raw/maintenance-header/maintenance-header.scss
  • Filesystem Path: src/components/02-components/maintenance/maintenance-header/maintenance-header.scss
  • Size: 318 Bytes

There are no notes for this item.