2022-02-18 16:53:54 +01:00
|
|
|
.ma-collection {
|
|
|
|
.filters {
|
|
|
|
display: flex;
|
|
|
|
justify-content: end;
|
|
|
|
padding: 0.5rem 0;
|
|
|
|
|
|
|
|
.field {
|
|
|
|
padding: 0 0.5rem;
|
|
|
|
|
|
|
|
select {
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
@include respond-to("small-up") {
|
|
|
|
&:last-child {
|
|
|
|
padding-right: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@include respond-to("small") {
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.list{
|
|
|
|
padding: 0.5rem 0.75rem;
|
|
|
|
border-bottom: 1px solid #dbdbdb;
|
|
|
|
|
|
|
|
&:nth-child(2n) {
|
|
|
|
background-color: #fafafa;
|
|
|
|
}
|
|
|
|
|
|
|
|
.title {
|
|
|
|
font-weight: 800;
|
|
|
|
font-size: 1.4rem;
|
2022-02-20 21:52:47 +01:00
|
|
|
|
|
|
|
.icon {
|
|
|
|
cursor: pointer;
|
|
|
|
color: #f14668;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
color: #f03a5f;
|
|
|
|
}
|
|
|
|
}
|
2022-02-18 16:53:54 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.grid {
|
|
|
|
margin-top: 0.75rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
border: 2px solid #4a4a4a;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|