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

67 lines
1.5 KiB
SCSS
Raw Normal View History

2020-07-17 17:55:46 +02:00
.LP-PlaceOverview{
.LP-PlaceOverview__Info{
.LP-PlaceOveriew__Image{
width: 700px;
height: 450px;
2020-07-17 17:55:46 +02:00
box-shadow: 0 0 10px $-secondary-color;
object-fit: cover;
float: right;
margin-left: 35px;
margin-bottom: 35px;
2020-07-17 17:55:46 +02:00
}
.LP-PlaceOverView__Description{
padding: 0px;
position: relative;
top: -15px;
2020-07-17 17:55:46 +02:00
}
}
.LP-PlaceOverView__ImageList{
list-style-type: none;
display: grid;
grid-template-columns: repeat(auto-fit,300px);
margin: 0px;
padding: 0px;
2020-07-17 17:55:46 +02:00
.LP-PlaceOverView__ImageItem{
2020-07-17 17:55:46 +02:00
img {
box-shadow: 0 0 5px $-secondary-color;
height: 200px;
width: 290px;
2020-07-17 17:55:46 +02:00
object-fit: cover;
margin-top:10px;
2020-07-17 17:55:46 +02:00
}
}
}
}
@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;
}
}
}
2020-07-17 17:55:46 +02:00
}