Partystreusel

Header 

<header class="header">
    <div class="header__logo">
        <!-- Insert Logo here-->
    </div>
    <div class="header__content">
        <div class="header__nav">
            <nav class="main-nav">
                <ul class="main-nav__list">
                    <li>
                        <a href="#" class="main-nav__link ">Nav Item 1</a>
                    </li>
                    <li>
                        <a href="#" class="main-nav__link main-nav--active">Nav Item 2</a>
                    </li>
                    <li>
                        <a href="#" class="main-nav__link ">Nav Item 3</a>
                    </li>
                    <li>
                        <a href="#" class="main-nav__link ">Nav Item 4</a>
                    </li>
                    <li>
                        <a href="#" class="main-nav__link ">Nav Item 5</a>
                    </li>
                </ul>
            </nav>

        </div>
        <div class="header__meta">
            <!-- Insert meta-nav here-->
        </div>
    </div>
</header>
 
<header class="header">
  <div class="header__logo">
    <!-- Insert Logo here-->
  </div>
  <div class="header__content">
    <div class="header__nav">
      {{render '@main-nav'}}
    </div>
    <div class="header__meta">
      <!-- Insert meta-nav here-->
    </div>
  </div>
</header>
 
/* No context defined for this component. */
  • Content: 
    .header {
  background-color: $color__brand--dark;
  color: $color__bright;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
  • URL: /components/raw/header/_header.scss
  • Filesystem Path: patterns/03-organisms/header/_header.scss
  • Size: 152 Bytes

There are no notes for this item.