Contents

@mixin colored_tabs($border_color){
  .nav-tabs {
    border-bottom: 1px solid $border_color;
    margin-bottom: 0;
  }
  .nav-tabs > li > a {
    color: #555;
    border-bottom: none;
    padding-left: 32px;
    border-color: lighten($border_color, 50%);
    &:hover {
      border-color: $border_color;
    }
  }
  .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    color: #333;
    background-color: white;
    border: 1px solid $border_color;
    border-bottom-color: transparent;
  }

  .tab-pane {
    background-color: white;
    border: 1px solid $border_color;
    border-top: none;
    padding: 10px;
  }
  margin: 10px 0;
}

.colored_tabs {
  @include colored_tabs(#999);
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
ab_admin-0.11.0	app/assets/stylesheets/ab_admin/components/_colored_tabs.scss
ab_admin-0.10.0	app/assets/stylesheets/ab_admin/components/_colored_tabs.scss