lostplaces-frontend/components/04_Templates/placeDetail/_placeDetail.scss
2020-08-27 15:47:03 +02:00

36 lines
763 B
SCSS

.LP-PlaceDetail{
.LP-PlaceDetail__Image{
width: 700px;
max-height: 500px;
@include RV-BoxShadow--simple($-grey);
box-shadow: 0 0 10px $-grey;
object-fit: cover;
object-position: 0 0;
margin: 0;
padding: 0;
float: right;
margin-left: 35px;
margin-bottom: 35px;
margin-right: 35px;
overflow: hidden;
}
}
@media (max-width: $-viewport-normal){
.LP-PlaceDetail{
.LP-PlaceDetail__Header{
.LP-PlaceDetail__Image{
float: none;
width: 100%;
height: auto;
margin: 0;
padding: 0;
margin-bottom: 25px;
}
}
}
}