Sha256: dcdc3f991ea181a599dbe76459da85ac5f98034118839a9d94518e4be4086eac

Contents?: true

Size: 757 Bytes

Versions: 2

Compression:

Stored size: 757 Bytes

Contents

// Pills
// -------------------------
.nav-pills {
  > li {
    float: left;

    // Links rendered as pills
    > a {
      border-radius: $nav-pills-border-radius;
      color: $ink-lighter;
      transition-property: color, border-color, background-color;
      transition-duration: 0.15s;
      transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    }
    + li {
      margin-left: 5px;
    }

    // Active state
    &.active > a {
      &,
      &:hover,
      &:focus {
        @include text-color($power-royal);
        background-color: $power-royal;
      }
    }
  }
}


// Stacked pills
.nav-stacked {
  > li {
    float: none;
    + li {
      margin-top: 2px;
      margin-left: 0; // no need for this gap between nav items
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version Path
nitro_sg-3.0.2 sass-mixins/nitro-ui/navigation/navs/_nav-pills.scss
nitro_sg-3.0.1 sass-mixins/nitro-ui/navigation/navs/_nav-pills.scss