dumb/style/artist.css

69 lines
876 B
CSS
Raw Normal View History

2024-06-09 21:29:17 +01:00
#artist-albumlist {
color: #181d31;
font-weight: 500;
display: grid;
grid-template-columns: repeat(auto-fill, 150px);
gap: 1.5rem;
}
#artwork-preview {
width: 150px;
height: 150px;
border-radius: 5px;
border: 1px solid #ddd;
}
#artist-image {
border-radius: 50%;
border: 2px solid #ddd;
}
#artist-name {
text-align: center;
}
#artist-single-album {
color: #111;
display: flex;
flex-direction: column;
gap: 0.5rem;
text-align: center;
2024-06-08 15:16:13 +02:00
}
.dark #artist-albumlist p {
2024-06-09 21:29:17 +01:00
color: #ddd;
2024-06-08 15:16:13 +02:00
}
#artist-albumlist small {
2024-06-09 21:29:17 +01:00
font-size: 1.5rem;
color: #333;
2024-06-08 15:16:13 +02:00
}
.dark #artist-albumlist small {
2024-06-09 21:29:17 +01:00
color: #ccc;
2024-06-08 15:16:13 +02:00
}
#metadata p {
2024-06-09 21:29:17 +01:00
color: #171717;
2024-06-08 15:16:13 +02:00
}
.dark #metadata p {
2024-06-09 21:29:17 +01:00
color: #ddd;
}
#artist-section {
display: flex;
flex-direction: column;
gap: 1rem;
}
#artist-sections {
display: flex;
flex-direction: column;
gap: 2rem;
}
#artist-section h2 {
font-size: 2rem;
2024-06-08 15:16:13 +02:00
}