i.chevron {
background-color: currentColor;
mask:url("data:image/svg+xml;utf8,") no-repeat 50% 50%;
-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat 50% 50%;
display: inline-block;
mask-size: contain;
-webkit-mask-size: contain;
vertical-align: middle;
width: 8px;
height: 6px;
}
i.chevron-v2 {
background-color: currentColor;
mask:url("data:image/svg+xml;utf8,") no-repeat 50% 50%;
-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat 50% 50%;
display: inline-block;
mask-size: contain;
-webkit-mask-size: contain;
vertical-align: middle;
width: 15px;
height: 15px;
}
i.chevron.up {
transform: rotate(180deg);
transform-origin: center;
}
i.chevron.left {
transform: rotate(90deg);
transform-origin: center;
}
i.chevron.right {
transform: rotate(-90deg);
transform-origin: center;
}
i.chevron-v2.left {
transform: rotate(90deg);
transform-origin: center;
}
i.chevron-v2.right {
transform: rotate(-90deg);
transform-origin: center;
}
i.filters {
background-color: currentColor;
mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
-webkit-mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
display: inline-block;
vertical-align: middle;
width: 19px;
height: 13px;
}
i.full-star {
background:url('../images/full-star.png') no-repeat 50% 50%;
background-size: contain;
display: inline-block;
vertical-align: middle;
width: 17px;
height: 17px;
}
i.half-star {
background:url('../images/half-star.png') no-repeat 50% 50%;
background-size: contain;
display: inline-block;
vertical-align: middle;
width: 17px;
height: 17px;
}
i.empty-star {
background:url('../images/empty-star.png') no-repeat 50% 50%;
background-size: contain;
display: inline-block;
vertical-align: middle;
width: 17px;
height: 17px;
}
i.zoom {
background-color: currentColor;
mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
-webkit-mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
display: inline-block;
vertical-align: middle;
width: 13px;
height: 14px;
}
i.mini-close {
background-color: currentColor;
mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
-webkit-mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
}
i.tick {
background-color: currentColor;
mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
-webkit-mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
display: inline-block;
vertical-align: middle;
mask-size: contain;
-webkit-mask-size: contain;
width: 14px;
height: 14px;
}
i.tick-2 {
background-color: currentColor;
mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
-webkit-mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
display: inline-block;
vertical-align: middle;
mask-size: contain;
-webkit-mask-size: contain;
width: 18px;
height: 13px;
margin-top: -5px;
}
i.redirect {
background-color: currentColor;
mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
-webkit-mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
display: inline-block;
vertical-align: middle;
mask-size: contain;
-webkit-mask-size: contain;
width: 20px;
height: 20px;
}
i.cart {
background-color: currentColor;
mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
-webkit-mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
display: inline-block;
vertical-align: middle;
mask-size: contain;
-webkit-mask-size: contain;
width: 19px;
height: 18px;
}
i.navbar-search {
background-color: currentColor;
mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
-webkit-mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
display: inline-block;
vertical-align: middle;
mask-size: contain;
-webkit-mask-size: contain;
width: 21px;
height: 24px;
margin: 0 3px;
}
i.user {
background-color: currentColor;
mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
-webkit-mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
display: inline-block;
vertical-align: middle;
mask-size: contain;
-webkit-mask-size: contain;
width: 24px;
height: 24px;
}
i.bag {
background-color: currentColor;
mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
-webkit-mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
display: inline-block;
vertical-align: middle;
mask-size: contain;
-webkit-mask-size: contain;
width: 19px;
height: 24px;
}
i.hamburger-icon {
background-color: currentColor;
mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
-webkit-mask:url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
display: inline-block;
vertical-align: middle;
mask-size: contain;
-webkit-mask-size: contain;
width: 22px;
height: 18px;
}