Sha256: ed86471502b1a4aab164601f29df3f994cd3468bd6c93fd191411f10c8a94786

Contents?: true

Size: 925 Bytes

Versions: 9

Compression:

Stored size: 925 Bytes

Contents

.o-top-bar {
  @include top-bar-container;

  // Stack on small screens by default
  @include top-bar-stacked;
  min-height: $ub-nav-height;
  width: 100%;
  z-index: $reveal-zindex;

  @include e(item) {
    flex: 0 0 100%;
    max-width: 100%;
  }

  @include breakpoint($topbar-unstack-breakpoint) {
    @include top-bar-unstack;

    @include e(item) {
      flex: 0 0 auto;
    }
  }

  @include e(wrapper) {
    @include breakpoint($topbar-unstack-breakpoint) {
      align-items: center;
      display: flex !important; // stylelint-disable-line declaration-no-important
      flex-wrap: nowrap;
      justify-content: space-between;
      width: 100%;
    }
  }
}

/* To prevent FOUC */
.no-js {
  @include breakpoint($topbar-unstack-breakpoint down) {
    .o-top-bar {
      display: none;
    }
  }

  @include breakpoint($topbar-unstack-breakpoint) {
    .c-header-title__h-menu {
      display: none;
    }
  }
}

Version data entries

9 entries across 9 versions & 1 rubygems

Version Path
lcms-engine-0.5.5 app/assets/stylesheets/lcms/engine/layout/_navigation.scss
lcms-engine-0.5.4 app/assets/stylesheets/lcms/engine/layout/_navigation.scss
lcms-engine-0.5.3 app/assets/stylesheets/lcms/engine/layout/_navigation.scss
lcms-engine-0.5.2 app/assets/stylesheets/lcms/engine/layout/_navigation.scss
lcms-engine-0.5.1 app/assets/stylesheets/lcms/engine/layout/_navigation.scss
lcms-engine-0.5.0 app/assets/stylesheets/lcms/engine/layout/_navigation.scss
lcms-engine-0.4.2 app/assets/stylesheets/lcms/engine/layout/_navigation.scss
lcms-engine-0.4.1 app/assets/stylesheets/lcms/engine/layout/_navigation.scss
lcms-engine-0.4.0 app/assets/stylesheets/lcms/engine/layout/_navigation.scss