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.5.0 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.17 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.16 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.15 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.14 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.13 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.12 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.11 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.10 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.9 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.8 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.7 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.6 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.5 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.4 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.3 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.2 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4.1 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.4 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
forever_style_guide-3.3.6 app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss