Sha256: bb13c23785abb6badebd160b0e11349f8a06a07fc3d8967badee9f364b6558a6

Contents?: true

Size: 1.14 KB

Versions: 6

Compression:

Stored size: 1.14 KB

Contents

.#{$prefix}nav-tabs {
  margin-bottom: 24px;

  .#{$prefix}nav {
    &-item {
      margin: 8px 0;
    }

    &-link {
      position: relative;
      padding: 8px 16px;
      color: $slate;
      border: none;
      @include border-radius(4px);

      &:hover {
        color: $dark;
      }

      &.active {
        font-weight: 500;
        &::after {
          position: absolute;
          bottom: -12px;
          left: 0;
          width: 100%;
          height: 4px;
          content: "";
          background-color: $dark;
          border-radius: 2px 2px 0 0; // stylelint-disable-line property-blacklist
        }
      }

      @each $color, $hex in $theme-colors {
        &.active {
          &.theme-#{$color} {
            &::after {
              background-color: #{$hex};
            }
          }
        }
      }

      &.disabled {
        color: $muted;
        pointer-events: auto;
        cursor: not-allowed;
      }
    }
  }

  .#{$prefix}dropdown-menu {
    margin-top: 11px;
    @include border-radius(4px);

    .#{$prefix}dropdown-item {
      &.active {
        color: inherit;
        background-color: inherit;
      }
    }
  }
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
mekari_ui_toolkit-1.0.28 lib/assets/stylesheets/scss/components/config/_tabs.scss
mekari_ui_toolkit-1.0.27 lib/assets/stylesheets/scss/components/config/_tabs.scss
mekari_ui_toolkit-1.0.26 lib/assets/stylesheets/scss/components/config/_tabs.scss
mekari_ui_toolkit-1.0.25 lib/assets/stylesheets/scss/components/config/_tabs.scss
mekari_ui_toolkit-1.0.24 lib/assets/stylesheets/scss/components/config/_tabs.scss
mekari_ui_toolkit-1.0.23 lib/assets/stylesheets/scss/components/config/_tabs.scss