Sha256: 5e5fc0b5cbd54d2aeb4f1b9eb5529178a6957473c4ba6f65c69e1b88fceacf7c

Contents?: true

Size: 1.03 KB

Versions: 3

Compression:

Stored size: 1.03 KB

Contents

$icon-to-text-alignment: -3px;
$cart-count-horizontal-position: -3px;
$cart-count-vertical-position: -8px;
$mobile-icon-size: 21px;

//style the cart and help icon the same + override bootstrap
.navbar-nav > li > a {
  &.navigation-user_info-cart,
  &.navigation-user_info-help_link {
    float: left; // ensures proper cart with count display in IE
    margin-top: $icon-to-text-alignment;
    background-color: inherit;
    @include transition($navigation-link-hover-transition);

    &:hover .fa {
      color: $color-secondary;
      @include transition($navigation-link-hover-transition);
    }

    &.navigation-user_info-cart-with_count {
      @media (max-width: $grid-float-breakpoint) {
        padding-right: 0;
      }
    }
  }
}

.navigation-user_info-cart-count {
  display: block;
  float: right;
  text-align: center;
  margin-top: $cart-count-vertical-position;
  margin-left: $cart-count-horizontal-position;
  padding-top: 1px; // shim for alignment
  width: $mobile-icon-size;
  height: $mobile-icon-size;
  border-radius: 50%;
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
forever_style_guide-3.4.8 app/assets/stylesheets/forever_style_guide/modules/_nav-cart.scss
forever_style_guide-3.4.7 app/assets/stylesheets/forever_style_guide/modules/_nav-cart.scss
forever_style_guide-3.4.6 app/assets/stylesheets/forever_style_guide/modules/_nav-cart.scss