Use a style class instead of li element style

This commit is contained in:
Hannu Lyytikainen 2017-12-20 09:41:32 +02:00
parent b0cadc1462
commit 80c87f4a64
2 changed files with 9 additions and 9 deletions

View file

@ -2,17 +2,17 @@
.root {
margin: 0;
}
& li {
margin-bottom: 32px;
.reviewItem {
margin-bottom: 32px;
&:last-of-type {
margin-bottom: 0;
}
&:last-of-type {
margin-bottom: 0;
}
@media (--viewportMedium) {
margin-bottom: 39px;
}
@media (--viewportMedium) {
margin-bottom: 39px;
}
}

View file

@ -54,7 +54,7 @@ const ReviewsComponent = props => {
<ul className={classes}>
{reviews.map(r => {
return (
<li key={`Review_${r.id.uuid}`}>
<li key={`Review_${r.id.uuid}`} className={css.reviewItem}>
<Review review={r} intl={intl} />
</li>
);