Contents

.topbar--static {
  color: lighten($color-green, 35%);
  line-height: $height-topbar;

  @media (max-width: 850px) {
    border-bottom: 1px solid lighten($color-teal, 5%);
  }
}

.topbar--static .logo {
  position: absolute;
  height: $height-topbar;
  text-align: center;
  width: 100%;
}

.topbar--static .logo a {
  display: inline-block;
  background-image: asset-url('beetstrap/[e-mail]');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 26px;
  width: 135px;
  margin: 15px 0px;
  opacity: 0.95;
  z-index: $zIndex-1;

  &:hover {
    opacity: 1;
  }
}

.topbar--static .links {
  position: relative;
  z-index: $zIndex-2;

  @media (max-width: 850px) {
    display: block;
    float: none;
    background-color: $color-teal;
    top: $height-topbar;
    text-align: center;
    height: 44px;
    line-height: 44px;
    border-top: 1px solid $color-green-light;
  }
}

.topbar--static ul {
  margin: 0;
  padding: 0;
}

.topbar--static ul.right > li {
  float: right;
}

.topbar--static ul li {
  display: block;
  float: left;
  list-style: none;
  position: relative;

  @media (max-width: 850px) {
    display: inline;
    float: none;
  }
}

.topbar--static ul li.has-button {
  line-height: 52px;
}

.topbar--static .left li a {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.8;
  padding: 18px 6px;
  text-decoration: none;

  &:hover {
    opacity: 1;
  }

  &:focus {
    box-shadow: none;
  }
}

.topbar--static li a.ic-button {
  color: $color-teal;
  background-color: #fff;
  line-height: 0px;
}

.topbar--static .left {
  float: left;
  padding-left: 10px;

  @media (max-width: 850px) {
    float: none;
  }
}

.topbar--static .right {
  float: right;
  padding-right: 10px;
}

Version data entries

9 entries across 9 versions & 1 rubygems

Version	Path
beetstrap-0.0.10	assets/stylesheets/beetstrap/_topbar_static.scss
beetstrap-0.0.9	assets/stylesheets/beetstrap/_topbar_static.scss
beetstrap-0.0.8	assets/stylesheets/beetstrap/_topbar_static.scss
beetstrap-0.0.7	assets/stylesheets/beetstrap/_topbar_static.scss
beetstrap-0.0.6	assets/stylesheets/beetstrap/_topbar_static.scss
beetstrap-0.0.5	assets/stylesheets/beetstrap/_topbar_static.scss
beetstrap-0.0.4	assets/stylesheets/beetstrap/_topbar_static.scss
beetstrap-0.0.3	assets/stylesheets/beetstrap/_topbar_static.scss
beetstrap-0.0.2	assets/stylesheets/beetstrap/_topbar_static.scss