| Linux hkvL61zh9Vexzf 3.10.0-957.1.3.el7.x86_64 #1 SMP Thu Nov 29 14:49:43 UTC 2018 x86_64 Path : /www/wwwroot/fashion-kingdom.com/wp-content/plugins/kitify/assets/css/addons/ |
| Current File : /www/wwwroot/fashion-kingdom.com/wp-content/plugins/kitify/assets/css/addons/woo-categories.scss |
@import '_mixins';
.kitify-product-categories {
.kitify-product-categories__item {
position: relative;
text-align: center;
.kitify-product-categories__item--inner {
position: relative;
}
.cat-image {
position:relative;
overflow:hidden;
padding-bottom:100%;
border-radius: 50%;
img {
position: absolute;
display: inline-block;
left: 0;
top: 0;
object-fit: cover;
}
}
.cat-count {
display: flex;
position: absolute;
right: 0;
background: #fff;
align-items: center;
justify-content: center;
color: var(--site-heading-color);
width: 50px;
height: 50px;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06);
border-radius: 50%;
z-index: 2;
span {
font-size: 1rem;
font-weight: 600;
}
}
.cat-name {
margin-top: 20px;
h2 {
font-size: 1rem;
font-weight: 600;
&:hover {
color: var(--site-accent-color);
}
}
}
}
}
.kitify-custom-categories__item {
&-inner {
position: relative;
.kitify-custom-categories__link {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
.kitify-custom-categories__image-wrap {
position: relative;
width: 100%;
}
.kitify-custom-categories__content-wrap {
width: 100%;
.kitify-custom-categories__title {
font-size: rem-calc(24);
text-transform: uppercase;
margin-bottom: 0;
}
}
.kitify-custom-categories__content-wrap {
position: absolute;
top: 0;
left: 0;
}
.kitify-custom-categories__content-wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.kitify-custom-categories__button-wrap {
display: flex;
position: absolute;
flex-direction: column;
align-items: center;
bottom: 0;
width: 100%;
z-index: 3;
}
}
}
.icon-align-right {
.kitify-custom-categories__button {
display: flex;
align-items: center;
.kitify-custom-categories__button-icon {
order: 2;
}
}
}