lostplaces-frontend/components/03_Organisms/placeList/_placeList.scss

39 lines
935 B
SCSS

.LP-PlaceList{
.LP-PlaceList__List{
list-style-type: none;
padding: 0;
margin: 0;
.LP-Link{
.LP-Place{
&:hover{
color: $-grey;
background-color: $-almost-white;
$-hover-offset: 2px;
position: relative;
left: -$-hover-offset;
>.LP-Place__Image{
border-left: $-hover-offset $-grey solid;
}
}
}
}
.LP-PlaceList__Item{
max-width: 900px;
//min-width: 450px;
margin: 18px 0;
@media (max-width: $-viewport-medium) {
width: 100%;
margin-bottom: $-spacing-large;
}
}
}
.LP-Pagination{
margin-top: 50px;
}
}