// Navbar for listing thumbnails and navigating views
// ==================================================

.viewer-navbar {
  overflow: hidden;

  @include bg-color($color-black, .5);
}

.viewer-list {
  box-sizing: content-box;
  overflow: hidden;

  height: 60px;
  margin: 0;
  padding: 1px 0;

  > li {
    float: left;
    overflow: hidden;

    width: 38px;
    height: 60px;

    @include text-hide();

    @include opacity(.5);

    cursor: pointer;

    + li {
      margin-left: 1px;
    }
  }

  > .viewer-active {
     @include opacity(1);
  }
}