lostplaces-frontend/components/04_Templates/placeDetail/_placeDetail.scss

38 lines
863 B
SCSS

.LP-PlaceDetail{
.LP-PlaceDetail__Image{
max-width: 700px;
max-height: 500px;
width: 50%;
@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: $-spacing-medium;
margin-bottom: $-spacing-medium;
margin-right: $-spacing-medium;
overflow: hidden;
}
}
@media (max-width: $-viewport-medium){
.LP-PlaceDetail{
.LP-PlaceDetail__Header{
.LP-PlaceDetail__Image{
float: none;
width: 100%;
max-width: unset;
height: auto;
margin: 0;
padding: 0;
margin-bottom: 25px;
}
}
}
}