PHP Classes
elePHPant
Icontem

File: SmallServerAdmin/Content/scss/libs/jasny-bootstrap/_nav-tab-alignment.scss

Recommend this page to a friend!
  Classes of Aleksey Nemiro  >  PHP Small Server Administrator  >  SmallServerAdmin/Content/scss/libs/jasny-bootstrap/_nav-tab-alignment.scss  >  Download  
File: SmallServerAdmin/Content/scss/libs/jasny-bootstrap/_nav-tab-alignment.scss
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP Small Server Administrator
Web panel for small Debian and Ubuntu servers
Author: By
Last change:
Date: 3 years ago
Size: 1,861 bytes
 

 

Contents

Class file image Download
// Alignment options
// -------------------------

// bottom
.nav-tabs-bottom {
  border-bottom: 0;
  border-top: 1px solid $nav-tabs-border-color;

  > li {
    margin-bottom: 0;
    margin-top: -1px;

    > a {
      border-radius: 0 0 $border-radius-base $border-radius-base;
    }

    > a:hover,
    > a:focus,
    &.active > a,
    &.active > a:hover,
    &.active > a:focus {
      border: 1px solid $nav-tabs-active-link-hover-border-color;
      border-top-color: transparent;
    }
  }
}

// left
.nav-tabs-left {
  border-bottom: 0;
  border-right: 1px solid $nav-tabs-border-color;

  > li {
    margin-bottom: 0;
    margin-right: -1px;
    float: none;

    > a {
      border-radius: $border-radius-base 0 0 $border-radius-base;
      margin-right: 0;
      margin-bottom: 2px;
    }

    > a:hover,
    > a:focus,
    &.active > a,
    &.active > a:hover,
    &.active > a:focus {
      border: 1px solid $nav-tabs-active-link-hover-border-color;
      border-right-color: transparent;
    }
  }

  .row > & {
    padding-right: 0;
    padding-left: ($grid-gutter-width / 2);
    margin-right: -1px;
    position: relative;
    z-index: 1;

    & + .tab-content {
      border-left: 1px solid $nav-tabs-active-link-hover-border-color;
    }
  }
}

// right
.nav-tabs-right {
  border-bottom: 0;
  border-left: 1px solid $nav-tabs-border-color;

  > li {
    margin-bottom: 0;
    margin-left: -1px;
    float: none;

    > a {
      border-radius: 0 $border-radius-base $border-radius-base 0;
      margin-left: 0;
      margin-bottom: 2px;
    }

    > a:hover,
    > a:focus,
    &.active > a,
    &.active > a:hover,
    &.active > a:focus {
      border: 1px solid $nav-tabs-active-link-hover-border-color;
      border-left-color: transparent;
    }
  }

  .row > & {
    padding-left: 0;
    padding-right: ($grid-gutter-width / 2);
  }
}