Sha256: 3ecd7cebb1d32e73db3a9725d2c2166bb09fa780a547682bdc1ba7d9ef886689

Contents?: true

Size: 1.06 KB

Versions: 5

Compression:

Stored size: 1.06 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 {
    margin-top: $icon-to-text-alignment;
    padding-left: $padding-small-horizontal * 2;
    padding-right: $padding-small-horizontal * 2;
    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

5 entries across 5 versions & 1 rubygems

Version Path
forever_style_guide-3.3.4 app/assets/stylesheets/forever_style_guide/modules/_nav-cart.scss
forever_style_guide-3.3.3 app/assets/stylesheets/forever_style_guide/modules/_nav-cart.scss
forever_style_guide-3.3.2 app/assets/stylesheets/forever_style_guide/modules/_nav-cart.scss
forever_style_guide-3.3.1 app/assets/stylesheets/forever_style_guide/modules/_nav-cart.scss
forever_style_guide-3.3 app/assets/stylesheets/forever_style_guide/modules/_nav-cart.scss