MusicTopus/sass/ma-collection.scss

56 lines
1 KiB
SCSS
Raw Normal View History

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;
.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;
}
}
}