mirror of https://github.com/4xmen/xshop.git
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
849 B
SCSS
48 lines
849 B
SCSS
#ParallaxSlider {
|
|
|
|
.tns-inner{
|
|
direction: ltr;
|
|
}
|
|
|
|
|
|
#ParallaxSliderTns > div{
|
|
position: relative;
|
|
overflow: hidden;
|
|
height: 750px;
|
|
}
|
|
|
|
.parallax-slide-item{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: start;
|
|
width: 100%;
|
|
height: 750px;
|
|
color: var(--parallax-color);
|
|
}
|
|
// scss
|
|
.parallax-slider {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 750px;
|
|
background-size: 100% auto;
|
|
background-position: center 0;
|
|
|
|
|
|
}
|
|
.main-content{
|
|
position: relative;
|
|
z-index: 2;
|
|
max-width: 80%;
|
|
width: 500px;
|
|
}
|
|
}
|
|
|
|
/*-1000px width*/
|
|
@media (max-width: 1000px) {
|
|
.parallax-slider{
|
|
background-size: auto 125vh !important;
|
|
}
|
|
}
|