mirror of
https://github.com/kingomarnajjar/flex-template-web.git
synced 2026-07-26 06:47:17 +10:00
Use a style class instead of li element style
This commit is contained in:
parent
b0cadc1462
commit
80c87f4a64
2 changed files with 9 additions and 9 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
);
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue