Contents

// NAVIGATIONS
// -----------

.nav-list > .active > a,
.nav-list > .active > a:hover {
  background-color: #4D90FE;
}

// Actual tabs (as links)
.nav-tabs > li > a {
  @include border-radius(2px 2px 0 0);
}

// Links rendered as pills
.nav-pills > li > a {
  @include border-radius(2px);
}

// Active state
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  background-color: #4D90FE;
}


.nav-tabs.nav-stacked > li:first-child > a {
  @include border-radius(2px 2px 0 0);
}
.nav-tabs.nav-stacked > li:last-child > a {
  @include border-radius(0 0 2px 2px);
}
.nav-tabs.nav-stacked > li > a:hover {
  border-color: #ddd;
  z-index: 2;
}


// TABS
// ----

.nav-tabs > li > a {
    color: #666;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
    font-weight: bold;
    color: #333;
}


// DROPDOWNS
// ---------

.nav-tabs .dropdown-menu {
  @include border-radius(0); // remove the top rounded corners here since there is a hard edge above the menu
}
.nav-pills .dropdown-menu {
  @include border-radius(0); // make rounded corners match the pills
}

// BOTTOM
// ------

.tabs-below > .nav-tabs > li > a {
  @include border-radius(0 0 2px 2px);
}

// LEFT & RIGHT
// ------------

.tabs-left > .nav-tabs > li > a {
  @include border-radius(2px 0 0 2px);
}
.tabs-right > .nav-tabs > li > a {
  @include border-radius(0 2px 2px 0);
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
google-buttons-sass-0.1.2	vendor/assets/stylesheets/navs.scss
google-buttons-sass-0.1.1	vendor/assets/stylesheets/navs.scss
google-buttons-sass-0.1.0	vendor/assets/stylesheets/navs.scss