MusicTopus/sass/ajouter-un-album.scss

66 lines
1.4 KiB
SCSS
Raw Normal View History

2022-02-18 11:05:10 +01:00
.ajouter-un-album {
2022-02-18 16:53:54 +01:00
@include respond-to("small") {
display: block;
padding: 0 .75rem;
}
2022-02-18 19:24:10 +01:00
.list {
margin-top: 2rem;
2022-02-18 11:05:10 +01:00
2022-02-18 19:24:10 +01:00
.item{
padding: 0.5rem 0.75rem;
border-bottom: 1px solid #dbdbdb;
2022-02-18 11:05:10 +01:00
2022-02-18 19:24:10 +01:00
@include respond-to("large") {
&:nth-child(2n) {
background-color: #fafafa;
}
}
@include respond-to("large-up") {
border-left: 1px solid #dbdbdb;
2022-02-18 16:53:54 +01:00
2022-02-18 19:24:10 +01:00
&:first-child,
&:nth-child(2) {
border-top: 1px solid #dbdbdb;
}
&:nth-child(2n),
&:last-child {
border-right: 1px solid #dbdbdb;
margin-right: -1px;
}
}
.title {
font-weight: 800;
font-size: 1.4rem;
}
.grid {
margin-top: 0.75rem;
}
2022-02-18 16:53:54 +01:00
2022-02-18 19:24:10 +01:00
img {
border: 2px solid #4a4a4a;
cursor: pointer;
}
2022-02-18 16:53:54 +01:00
}
2022-02-18 19:24:10 +01:00
}
2022-02-18 16:53:54 +01:00
2022-02-18 19:24:10 +01:00
.items {
span {
margin-right: 0.6rem;
2022-02-18 16:53:54 +01:00
2022-02-18 19:24:10 +01:00
&::after {
content: ",";
}
&:last-child {
&::after {
margin-right: 0;
content: "";
2022-02-18 16:53:54 +01:00
}
2022-02-18 11:05:10 +01:00
}
}
}
}