ampache_react/app/styles/elements/Grid.scss

35 lines
489 B
SCSS
Raw Normal View History

/**
* Style for the Grid component.
*/
/** Variables */
2016-07-31 12:18:46 +02:00
$marginBottom: 30px;
$artMarginBottom: 10px;
.placeholders {
2016-07-31 12:18:46 +02:00
margin-bottom: $marginBottom;
text-align: center;
}
.name {
margin-bottom: 0;
}
.art {
display: inline-block;
2016-07-31 12:18:46 +02:00
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;
}