lostplaces-frontend/components/04_Templates/placeOverview/_placeOverview.scss

33 lines
746 B
SCSS

.LP-PlaceOverview{
.LP-PlaceOverview__Info{
display: flex;
margin-bottom: 40px;
.LP-PlaceOveriew__Image{
width: 600px;
height: 400px;
box-shadow: 0 0 10px $-secondary-color;
object-fit: cover;
}
.LP-PlaceOverView__Description{
padding: 0 25px;
}
}
.LP-PlaceOverView__ImageList{
list-style-type: none;
display: flex;
flex-wrap: wrap;
.LP-PlaceOverView__ImageItem{
padding: 15px;
img {
box-shadow: 0 0 5px $-secondary-color;
height: 200px;
width: 300px;
object-fit: cover;
}
}
}
}