bunteshaus.de/themes/buha/assets/scss/gen_list.scss
2022-06-12 14:22:25 +02:00

60 lines
878 B
SCSS

.gen_list {
max-width: 100%;
.list_item {
margin-bottom: 5rem;
min-height: 17vh;
}
a {
text-decoration: none;
&:hover {
.img {
height: 240px;
background-size: 120% auto;
}
.img-only {
height: 360px;
background-size: 110% auto;
background-position: top;
}
}
}
img {
width: 100%;
}
h3 {
margin-top: 0rem;
}
.img {
width: 100%;
height: 240px;
transition: all .3s ease-in-out;
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
}
.img-only {
width: 100%;
height: 460px;
transition: all .2s ease-in-out;
background-size: 100% auto;
background-position: top center;
background-repeat: no-repeat;
}
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
@media (min-width: 1920px) {
}