Improve comment CSS

This commit is contained in:
rubenwardy
2018-06-11 23:11:15 +01:00
parent b1c349cc35
commit e0e6f3392d
3 changed files with 46 additions and 5 deletions

38
app/scss/comments.scss Normal file
View File

@@ -0,0 +1,38 @@
.comments, .comments li {
list-style: none;
padding: 0;
margin: 0;
border: 1px solid #444;
}
.comments {
border-radius: 5px;
margin: 15px 0;
background: #333;
.author, .msg {
display: block;
margin: 0;
}
.author {
font-weight: bold;
border-bottom: 1px solid #444;
padding: 0.2em 1em;
}
.msg {
padding: 1em;
background: #222;
}
}
.comment_form {
margin: 1em 0;
}
.comment_form textarea {
min-width: 60%;
max-width: 100%;
margin: 0 0 1em 0;
}

View File

@@ -3,3 +3,4 @@
@import "nav.scss";
@import "packages.scss";
@import "packagegrid.scss";
@import "comments.scss";