2024-02-19 15:50:08 +01:00
|
|
|
.music {
|
|
|
|
background-color: $background;
|
|
|
|
border-radius: 20px;
|
|
|
|
|
|
|
|
padding: 20px;
|
|
|
|
|
|
|
|
.art {
|
|
|
|
background-size: cover;
|
|
|
|
min-width: 200px;
|
|
|
|
min-height: 200px;
|
|
|
|
|
|
|
|
border-radius: 20px;
|
|
|
|
|
|
|
|
transition: opacity 1s ease-in-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
.player-container {
|
|
|
|
min-width: 300px;
|
|
|
|
|
|
|
|
.title {
|
|
|
|
font-size: 20px;
|
|
|
|
color: $purple;
|
|
|
|
}
|
|
|
|
|
|
|
|
.artist {
|
|
|
|
font-size: 16px;
|
|
|
|
color: $yellow;
|
|
|
|
}
|
|
|
|
|
|
|
|
button {
|
2024-02-19 21:59:25 +01:00
|
|
|
min-width: 48px;
|
|
|
|
min-height: 48px;
|
2024-02-19 15:50:08 +01:00
|
|
|
|
2024-02-19 21:59:25 +01:00
|
|
|
font-size: 26px;
|
2024-02-19 15:50:08 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
button.playpause {
|
|
|
|
border-radius: 50%;
|
|
|
|
background-color: $green;
|
|
|
|
color: $background;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|