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.
xshop/resources/views/segments/header/ParallaxHeaderPin/ParallaxHeaderPin.scss

39 lines
855 B
SCSS

.ParallaxHeaderPin {
background-size: cover;
background-attachment: fixed;
height: 270px;
color: var(--xshop-diff);
padding-top: 3rem;
h2{
opacity: .4;
margin-bottom: 3rem;
max-height: 2.1em;
overflow: hidden;
}
.fake-container{
background: var(--xshop-background);
border-radius: var(--xshop-border-radius);
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
height: 100px;
2 months ago
position: relative;
&:after{
position: absolute;
left: 0;
right: 0;
content: ' ';
height: 10px;
bottom: -5px;
background: var(--xshop-background);
}
}
4 months ago
+ .content{
margin-top: -3rem;
2 months ago
position: relative;
z-index: 11;
4 months ago
}
}