flex-template-web/src/containers/ReviewForm/ReviewForm.css
2017-11-30 11:28:32 +02:00

53 lines
750 B
CSS

@import '../../marketplace.css';
.root {
display: flex;
flex-direction: column;
/* Layout: size and positioning */
width: 100%;
height: auto;
margin-top: 24px;
}
.error {
color: var(--failColor);
}
.errorPlaceholder {
@media (--viewportMedium) {
width: 100%;
height: 32px;
}
}
.reviewRating {
margin-bottom: 18px;
@media (--viewportMedium) {
margin-bottom: 16px;
}
}
.reviewContent {
flex-shrink: 0;
margin-top: 24px;
margin-bottom: 24px;
@media (--viewportMedium) {
margin-top: 30px;
}
}
.submitButton {
margin-top: auto;
margin-bottom: 24px;
flex-shrink: 0;
@media (--viewportMedium) {
display: inline-block;
width: 100%;
margin-top: 36px;
margin-bottom: 0;
}
}