Sha256: f3b85483a7aa8a45325e6f419fc6a78b50bda17e4e7473a2a3ecbb69ae4d4ca6
Contents?: true
Size: 1.68 KB
Versions: 10
Compression:
Stored size: 1.68 KB
Contents
$icon-to-text-alignment: -3px;
$icon-to-text-alignment-alt: -2px;
$cart-count-horizontal-position: -3px;
$cart-count-horizontal-position-alt: -10px;
$cart-count-vertical-position: -8px;
$cart-count-size: 21px;
$icon-size-break_to_md: 21px;
//style the cart and help icon the same + override bootstrap
.navbar-nav > li > a {
&.navigation-user_info-icon {
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);
@media (min-width: $grid-float-breakpoint) and (max-width: $screen-md-max) {
padding-right: 2px;
padding-left: 2px;
margin-top: $icon-to-text-alignment-alt;
font-size: $icon-size-break_to_md;
}
&:hover .fa {
color: $color-secondary;
@include transition($navigation-link-hover-transition);
}
&.navigation-user_info-cart-with_count {
@media (max-width: $grid-float-breakpoint-max) {
padding-right: 0;
}
}
}
&.navigation-user_info-cart {
@media (min-width: $grid-float-breakpoint) and (max-width: $screen-md-max) {
margin-right: $cart-count-horizontal-position;
}
}
&.navigation-user_info-cart-with_count {
@media (min-width: $grid-float-breakpoint) and (max-width: $screen-md-max) {
margin-right: $cart-count-horizontal-position-alt;
}
}
}
.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: $cart-count-size;
height: $cart-count-size;
border-radius: 50%;
}
Version data entries
10 entries across 10 versions & 1 rubygems