Contents

.navigation-centered {
  $large-screen: 53.75em !default;
  $centered-navigation-height: 60px;
  $centered-navigation-logo-height: 2em;

  width: 100%;

  // Mobile view
  .mobile-logo {
    display: inline;
    float: left;

    @include media($large-screen) {
      display: none;
    }

    img {
      max-height: $centered-navigation-logo-height;
    }
  }

  .navigation-centered-mobile-menu {
    float: right;
    padding-top: 0.5em;

    @include media ($large-screen) {
      display: none;
    }
  }

  // Nav menu
  .navigation-centered-wrapper {
    @include clearfix;
    position: relative;
  }

  ul.navigation-centered-menu {
    clear: both;
    display: none;
    margin: 0 auto;
    overflow: visible;
    padding: 0;
    width: 100%;

    &.show {
      display: block;
    }

    @include media ($large-screen) {
      display: block;
      text-align: center;
    }
  }

  // Nav items
  ul li.nav-link {
    display: block;
    text-align: right;
    width: 100%;

    a {
      display: inline-block;
    }

    &:last-child a {
      padding-right: 0;
    }

    @include media($large-screen) {
      display: inline;

      a {
        padding-right: 1em;
      }
    }
  }

  // Centered logo
  li.logo.nav-link {
    display: none;
    line-height: 0;

    @include media($large-screen) {
      display: inline;
    }
  }

  .logo img {
    margin-bottom: -$centered-navigation-logo-height / 3;
    max-height: $centered-navigation-logo-height;
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
refills-0.2.0	source/stylesheets/refills/unstyled/_navigation-centered.scss