ampache_react/app/styles/Album.scss

66 lines
1.1 KiB
SCSS
Raw Normal View History

/**
* Album component style.
*/
/** Variables */
2016-07-31 12:18:46 +02:00
$rowMarginTop: 30px;
$rowMarginBottom: 10px;
$artMarginBottom: 10px;
2016-07-31 12:18:46 +02:00
/* Style for an album row */
.row {
2016-07-31 12:18:46 +02:00
margin-top: $rowMarginTop;
}
/* Style for album arts */
.art {
display: inline-block;
margin-bottom: $artMarginBottom;
width: 75%;
height: auto;
/* doiuse-disable viewport-units */
max-width: 25vw;
/* doiuse-enable viewport-units */
}
.art:hover {
transform: scale(1.1);
}
/* Play button is based on the one in Songs list. */
.play {
composes: play from "./Songs.scss";
}
/* Play next button is based on the one in Songs list. */
.playNext {
composes: playNext from "./Songs.scss";
}
@media (max-width: 767px) {
.nameRow h2 {
margin-top: 0;
margin-bottom: 0;
}
.artRow p,
.artRow img {
margin: 0;
}
.nameRow,
.artRow {
float: none;
display: inline-block;
vertical-align: middle;
2016-07-31 12:18:46 +02:00
margin-bottom: $rowMarginBottom;
}
2016-07-30 01:05:25 +02:00
.songs {
2016-07-31 12:18:46 +02:00
composes: songs from "./Songs.scss";
2016-07-30 01:05:25 +02:00
}
}