Sha256: 8886993e00cf74acddf3f6fd8a02d30a7767a0e60ba9de3a74f924f60909c129

Contents?: true

Size: 1.16 KB

Versions: 13

Compression:

Stored size: 1.16 KB

Contents

.nav-tabs {
  border-bottom: none;

  display: flex;
  overflow-x: auto;
  white-space: nowrap;

  &::-webkit-scrollbar {
    height: 4px;
  }

  &::-webkit-scrollbar-track {
    background: $gray-lighter;
  }

  &::-webkit-scrollbar-thumb {
    background: rgba(black, 0.1);
  }

  > li {
    margin-bottom: 0;
  }

  > li > a {
    margin-right: 4px;
    padding: 10px 20px;

    border: none !important;
    border-radius: 0;

    background-color: $gray-lighter;
    color: $gray;

    font-weight: 500;
  }

  > li.active > a {
    &, &:hover, &:focus {
      background-color: white;
      color: $text-color;
    }
  }

  > li.pull-right {
    margin-left: auto;

    & + li.pull-right {
      margin-left: 0;
    }

    > a {
      margin-right: 0;
      margin-left: 4px;
    }
  }

  .badge, .label {
    font-size: 9px;
    vertical-align: 1px;
    margin-left: 5px;
  }
}

@include mobile {
  .nav-tabs {
    > li > a {
      font-size: 13px;
      padding: 10px;
      margin-right: 2px;
    }

    > li.pull-right {
      margin-left: 0;

      > a {
        margin-right: 2px;
        margin-left: 0;
      }
    }

    .badge, .label {
      font-size: 8px;
    }
  }
}

Version data entries

13 entries across 13 versions & 1 rubygems

Version Path
trestle-0.8.13 app/assets/stylesheets/trestle/components/_tabs.scss
trestle-0.8.12 app/assets/stylesheets/trestle/components/_tabs.scss
trestle-0.8.11 app/assets/stylesheets/trestle/components/_tabs.scss
trestle-0.8.10 app/assets/stylesheets/trestle/components/_tabs.scss
trestle-0.8.9 app/assets/stylesheets/trestle/components/_tabs.scss
trestle-0.8.8 app/assets/stylesheets/trestle/components/_tabs.scss
trestle-0.8.7 app/assets/stylesheets/trestle/components/_tabs.scss
trestle-0.8.6 app/assets/stylesheets/trestle/components/_tabs.scss
trestle-0.8.5 app/assets/stylesheets/trestle/components/_tabs.scss
trestle-0.8.4 app/assets/stylesheets/trestle/components/_tabs.scss
trestle-0.8.3 app/assets/stylesheets/trestle/components/_tabs.scss
trestle-0.8.2 app/assets/stylesheets/trestle/components/_tabs.scss
trestle-0.8.0 app/assets/stylesheets/trestle/components/_tabs.scss