Add missing comment error styling

Author: philwareham

.sass-lint.yml

@@ -37,12 +37,8 @@ rules:
     - allow-leading-underscore: false
       convention: hyphenatedlowercase
       ignore: [
-        'comments_error',
         'error_message',
-        'errorElement',
-        'comError',
-        'comRequired',
-        'comRequirederrorElement'
+        'comments_error'
       ]
 
   # Enforce whether or not `@import` paths should have leading underscores and/or filename extensions.

src/assets/sass/modules/_comments.scss

@@ -86,3 +86,19 @@
     border-radius: $border-radius;
     background-color: $color-highlight-box;
 }
+
+/**
+ * Highlight text colour for comment errors.
+ */
+
+.error_message li {
+    color: $color-error-text;
+}
+
+/**
+ * Highlighting for comment form errors.
+ */
+
+.comments_error {
+    border-color: $color-error-text;
+}

src/assets/sass/modules/_lists.scss

@@ -57,16 +57,11 @@ dd {
  * <ol class="list--no-bullets">
  */
 
-.list--no-bullets,
-.comError {
+.list--no-bullets {
     padding: 0;
     list-style: none;
 }
 
-.comError {
-    margin-bottom: 0.5em;
-}
-
 /**
  * Have a numbered `ul` without the semantics implied by using an `ol`.
  *