lostplaces-frontend/components/04_Templates/placeOverview/_placeOverview.scss
2020-08-01 10:27:23 +02:00

67 lines
1.5 KiB
SCSS

.LP-PlaceOverview{
.LP-PlaceOverview__Info{
.LP-PlaceOveriew__Image{
width: 700px;
height: 450px;
box-shadow: 0 0 10px $-grey;
object-fit: cover;
float: right;
margin-left: 35px;
margin-bottom: 35px;
}
.LP-PlaceOverView__Description{
padding: 0px;
position: relative;
top: -15px;
}
}
.LP-PlaceOverView__ImageList{
list-style-type: none;
display: grid;
grid-template-columns: repeat(auto-fit,300px);
margin: 0px;
padding: 0px;
.LP-PlaceOverView__ImageItem{
img {
box-shadow: 0 0 5px $-grey;
height: 200px;
width: 290px;
object-fit: cover;
margin-top:10px;
}
}
}
}
@media (max-width: 1290px){
.LP-PlaceOverview{
.LP-PlaceOverview__Info{
.LP-TextSection{
margin-top: -100px;
}
.LP-Headline{
position: relative;
top: -400px;
margin-bottom: 100px;
width: 100vw;
display: block;
}
.LP-PlaceOveriew__Image{
float: none;
width: calc(100vw - 30px);
margin: 0;
padding: 0;
margin-left: 7px;
}
}
}
}