Header

<header class="header">
    <div class="container">
        <h1 class="header-logo" role="banner">
      <a class="header__link" href="/" rel="home">GardenHui</a>
    </h1>
        <nav id="nav-main" class="header__nav" role="navigation">

            <a class="header__nav-link" href="/register">Register</a>

        </nav>
    </div>
</header>
{#
 #
 #
 #}

<header class="header" >
  <div class="container">
    <h1 class="header-logo" role="banner">
      <a class="header__link" href="/" rel="home">{{site.name}}</a>
    </h1>
    <nav id="nav-main" class="header__nav" role="navigation">
      {% if is_logged_in %}
        <a class="header__nav-link" href="/profile">Profile</a>
        <a class="header__nav-link" href="/connect">Connect</a>
        <a class="header__nav-link" href="{{ wp_logout_url }}">Logout</a>
      {% else %}
        <a class="header__nav-link" href="/register">Register</a>
      {% endif %}
    </nav>
  </div>
</header>
{
  "site": {
    "name": "GardenHui"
  },
  "is_logged_in": false
}
  • Content:
    .header {
      z-index: 2;
      padding: 1em 0;
      color: $black;
      background: $white;
      box-shadow: 0 0 20px rgba($black, 0.3);
    
      &-logo {
        display: inline;
        float: left;
        margin: 0;
      }
    
      &__link {
        color: $black;
      }
    
      &__nav {
        float: right;
    
        &-link {
          margin-left: 1em;
          line-height: 2.5;
          color: $black;
        }
      }
    }
    
  • URL: /components/raw/header/style.scss
  • Filesystem Path: components/header/style.scss
  • Size: 353 Bytes

There are no notes for this item.