Contents

//
// Tabs
// --------------------------------------------------

.tabs{
  list-style: none;
  border-bottom: 1px solid $tabs-border-color;
  padding: 0;
  @include clearfix();

  > li {
    display: block;
    position: relative;
    float: left;
    // Make the list-items overlay the bottom border
    margin-bottom: -1px;

    // Actual tabs (as links)
    > a {
      position: relative;
      display: block;
      padding: 10px 15px;

      margin-right: 2px;
      line-height: $line-height-base;
      border: 1px solid transparent;
      border-radius: $border-radius $border-radius 0 0;
      text-decoration: none;

      &:hover {
        border-color: $tabs-link-hover-border-color $tabs-link-hover-border-color $tabs-border-color;
        background-color:  $tabs-link-hover-background-color;
      }
    }

    // Active state, and its :hover to override normal :hover
    &.active > a {
      &,
      &:hover,
      &:focus {
        color: $tabs-active-link-hover-color;
        background-color: $tabs-active-link-hover-background;
        border: 1px solid $tabs-active-link-hover-border-color;
        border-bottom-color: transparent;
        cursor: default;
      }
    }
  }

  &.justified{
    width: 100%;
    border-bottom: 0;

    > li {
      display: table-cell;
      width: 1%;
      float: none;
      > a {
        text-align: center;
        margin-right: 0;
        border-bottom: 1px solid $tabs-justified-link-border-color;
        border-radius: $border-radius $border-radius 0 0;
      }
    }

    > .active > a,
    > .active > a:hover,
    > .active > a:focus {
      border-bottom-color: $tabs-justified-active-link-border-color;
    }
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
mice-0.2.4	vendor/assets/stylesheets/mice/_tabs.scss