ampache_react/app/styles/elements/Grid.scss

30 lines
430 B
SCSS

$marginBottom: 30px;
$artMarginBottom: 10px;
.placeholders {
margin-bottom: $marginBottom;
text-align: center;
}
.name {
margin-bottom: 0;
}
.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);
cursor: pointer;
}