Sha256: e80734c1a2527e7aa2098e96290ab30fe78fb61022fcd41040a7b9208a80909a

Contents?: true

Size: 1.14 KB

Versions: 93

Compression:

Stored size: 1.14 KB

Contents

// Styling for Vertical Nav lists
$header_active_border_height: 2px;

.nav {
  &.nav-pills {
    @extend %card-style;
  }

  .nav-item {
    @include clearfix;
    font-family: $font-face-regular;
    font-size: $font-size-300;

    .nav-item-list {
      border: 0;
      height: $header_height;
      color: color('gray-500');
    }
    .nav-item-list {
      @include border_highlight("left", transparent);
    }

    // For styleguide primary nav icon + text style
    .nav-item-icon {
      font-size: $font-size-400;
      line-height: 20px;
      vertical-align: bottom;
    }
    .nav-item-label {
      line-height: 20px;
    }

    &:hover, &:focus {
      .nav-item-list {
        color: color('secondary');
        background-color: color('gray-100');
      }
      .nav-item-list {
        @include border_highlight("left");
      }
    }

    @at-root #{&}.active {
      .nav-item-list {
        color: color('gray-600');
        background-color: color('gray-100');
        border-top: 1px solid color('gray-300');
        border-bottom: 1px solid color('gray-300');
        @include border_highlight("left", color("primary"));
      }
    }
  }
}

Version data entries

93 entries across 93 versions & 1 rubygems

Version Path
forever_style_guide-3.2.4 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.2.3 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.2.2 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.2.1 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.2.0 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.1.5 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.1.4 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.1.3 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.1.2 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.1.1 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.1.0 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.0.41 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.0.40 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.0.39 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.0.38 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.0.37 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.0.36 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.0.35 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.0.34 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.0.33 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss