Fix error message styling (#136)

* Add screenreader style * Add date error styling
usds · Jul 5, 2018 · 5765bf5 · 5765bf5
1 parent 84887dc
commit 5765bf5
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 1 deletion.
diff --git a/lib/css/styles.css b/lib/css/styles.css
diff --git a/lib/css/styles.css.map b/lib/css/styles.css.map
diff --git a/src/scss/modules/_m-form-elements.scss b/src/scss/modules/_m-form-elements.scss
@@ -14,6 +14,10 @@ button.form-button-disabled {
   margin-top: 0.5em;
 }
 
+.form-error-date {
+  margin-top: 0;
+}
+
 @include media($medium-large-screen) {
   .form-select-medium {
     max-width: 12rem;

diff --git a/src/scss/modules/_m-schemaform.scss b/src/scss/modules/_m-schemaform.scss
@@ -637,3 +637,10 @@ legend.schemaform-label.schemaform-file-label {
   margin-top: 0;
   margin-bottom: 1em;
 }
+
+// Screen Readers
+.sr-only {
+  position: absolute;
+  left: -9999em;
+  float: left;
+}