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

69 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;
2020-08-01 10:27:23 +02:00
box-shadow: 0 0 10px $-grey;
2020-07-17 17:55:46 +02:00
object-fit: cover;
2020-08-02 23:02:56 +02:00
object-position: 0 0;
float: right;
margin-left: 35px;
margin-bottom: 35px;
2020-08-02 23:02:56 +02:00
overflow: hidden;
2020-07-17 17:55:46 +02:00
}
.LP-PlaceOverView__Description{
padding: 0px;
position: relative;
top: -15px;
2020-08-02 23:02:56 +02:00
.LP-Headline{
position: relative;
top: 15px;
}
2020-07-17 17:55:46 +02:00
}
}
.LP-PlaceOverView__ImageList{
list-style-type: none;
display: grid;
2020-08-02 23:02:56 +02:00
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
margin: 0px;
padding: 0px;
2020-07-17 17:55:46 +02:00
.LP-PlaceOverView__ImageItem{
2020-08-02 23:02:56 +02:00
margin-top:10px;
.LP-Link{
overflow: hidden;
}
.LP-Image {
2020-08-01 10:27:23 +02:00
box-shadow: 0 0 5px $-grey;
2020-07-17 17:55:46 +02:00
height: 200px;
width: 290px;
2020-07-17 17:55:46 +02:00
object-fit: cover;
}
}
}
}
2020-08-02 23:02:56 +02:00
@media (max-width: $-viewport-normal){
.LP-PlaceOverview{
.LP-PlaceOverview__Info{
.LP-TextSection{
2020-08-02 23:02:56 +02:00
margin-top: 30px;
}
.LP-PlaceOveriew__Image{
float: none;
2020-08-02 23:02:56 +02:00
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
}
}
2020-07-17 17:55:46 +02:00
}