openaire-library/utils/section-scroll/section-scroll.component.css

50 lines
659 B
CSS
Raw Normal View History

[left] {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
height: 100vh;
}
[left] .imgContainer {
position: absolute;
top: 20%;
left: 0;
width: 100%;
height: 70%;
}
[left] img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
[scroll] {
margin-top: 15vh;
margin-bottom: 25vh;
}
[scroll] > * {
height: 60vh;
2022-01-13 17:14:09 +01:00
}
@media (max-width: 960px) {
[left] {
height: 50vh;
}
[left] .imgContainer {
top: 5%;
height: 100%;
}
[left] > * {
align-items: flex-start;
}
[scroll] > * {
height: 50vh;
}
}