feat: comments UI improvements

This commit is contained in:
NGPixel
2020-05-23 18:49:10 -04:00
parent 15a45f8b91
commit a0618ee4f6
6 changed files with 125 additions and 37 deletions

View File

@@ -805,13 +805,36 @@
}
.comments-container {
background-color: mc('blue-grey', '50');
border-radius: 7px;
padding: 20px;
// ---------------------------------
// COMMENTS
// ---------------------------------
@at-root .theme--dark & {
background-color: darken(mc('grey', '900'), 5%);
.comments {
&-container {
border-radius: 7px;
}
&-header {
color: #FFF;
padding: 8px 20px;
font-size: 16px;
font-weight: 500;
background-color: mc('blue-grey', '500');
border-radius: 7px 7px 0 0;
@at-root .theme--dark & {
background-color: lighten(mc('grey', '900'), 5%);
}
}
&-main {
background-color: mc('blue-grey', '50');
border-radius: 0 0 7px 7px;
padding: 20px;
@at-root .theme--dark & {
background-color: darken(mc('grey', '900'), 5%);
}
}
}