$slideup-navbar-height: $navbar-height !default;

header.slideup {

position: static;

height: $slideup-navbar-height;

.navbar {
  border:none;
  @include box-shadow( 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28) );
  transition: background-color .2s, height .5s, box-shadow .5s;

  .navbar-brand {
    transition: all .2s;
    transition-timing-function: ease-out;

    text-transform: uppercase;
    letter-spacing: 1px;
  }

  li > a {
    transition: all .2s;
    transition-timing-function: ease-out;

    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}

&.affix-top {
  .navbar {
    height: $slideup-navbar-height;
    @include box-shadow( none );
  }
  .navbar-brand {
    padding:  (($slideup-navbar-height - 20)/2) 15px;
  }

  .navbar-toggle {
    margin-top: (($slideup-navbar-height - 20)/2);
  }

  li > a {
    padding-top: (($slideup-navbar-height - 20)/2);
    padding-bottom: (($slideup-navbar-height - 20)/2);
    font-size: 12px;
  }
}

}