| 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/creative-banners.scss |
@import '_mixins';
.kitify-creative-banners {
position: relative;
&__links {
ul {
display: inline-block;
margin: 0;
padding: 0;
counter-reset: section;
li {
display: flex;
align-items: center;
position: relative;
list-style: none;
.b-title {
padding-left: 35px;
}
span.kitify-e-icon-holder {
margin-left: auto;
}
&:before {
display: none;
counter-increment: section;
content: "0" counter(section);
font-size: 20px;
line-height: 36px;
position: absolute;
left: 0;
top: 0;
}
}
}
}
&__images {
position: absolute;
display: none;
margin-left: auto;
width: 60%;
height: 100%;
overflow: hidden;
right: 0;
top: 0;
@include breakpoint(medium) {
display: block;
}
.kitify-creative-banners__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
&[data-element-loaded="true"]
img {
display: none;
}
&.active {
opacity: 1;
z-index: 1;
}
}
}
&.custom-style-default {
.kitify-creative-banners__images {
bottom: 0;
top: 50%;
transform: translateY(-50%);
}
.kitify-creative-banners__images {
max-width: 30vw;
height: 50vh;
}
}
}