Comments form improvements

2018-12-11 11:09:44 +00:00
parent bc0e10dee5
commit 0d4dc29741
6 changed files with 84 additions and 7 deletions
--- a/css/comment-respond.css
+++ b/css/comment-respond.css
@@ -0,0 +1,40 @@
+.comment-respond__title {
+  border-bottom: 1px solid var(--color-light-grey);
+  margin-bottom: var(--space-xs);
+  padding-bottom: var(--space-sm);
+}
+
+.comment-respond__text {
+  font-size: 14px;
+}
+
+.comment-respond__item {
+  margin-bottom: var(--space-sm);
+}
+
+.comment-respond__label {
+  display: block;
+  margin-bottom: var(--space-xs);
+}
+
+.comment-respond__input {
+  background-color: #fff;
+  border: 1px solid var(--color-near-black);
+  padding: var(--space-xs);
+}
+
+.comment-respond__input:focus {
+  background-color: var(--color-pale-blue);
+  border-color: var(--color-light-blue);
+  outline: 0;
+}
+
+.comment-respond__submit {
+  background-color: var(--color-light-blue);
+  border: none;
+  color: #fff;
+  cursor: pointer;
+  font-family: var(--heading-font-family);
+  min-width: 100px;
+  padding: var(--space-xs);
+}