resolves eslint error

transcom · May 13, 2020 · d22b8b0 · d22b8b0
1 parent 4e92fb2
commit d22b8b0
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/src/shared/styles/_overrides.scss b/src/shared/styles/_overrides.scss
@@ -176,6 +176,16 @@
 }
 .usa-alert--system-error {
   @include u-bg('warning');
+  @include u-padding-y(1.5);
+  @include u-padding-x(3);
+  a {
+    @include u-text('base-darkest');
+  }
+  .usa-alert__text {
+    @include u-padding(0);
+    @include u-margin(0);
+    @include u-maxw('desktop');
+  }
   &:before {
     @include u-width(0);
   }

diff --git a/src/stories/alerts.stories.jsx b/src/stories/alerts.stories.jsx
@@ -45,6 +45,12 @@ storiesOf('Components|Alerts', module)
   ))
   .add('system error', () => (
     <div>
-      <Alert className="usa-alert usa-alert--system-error">This is a succinct, helpful error message.</Alert>
+      <Alert className="usa-alert usa-alert--system-error">
+        This is a succinct, helpful error message. Also inlcuded is an example of some
+        <a>link text</a>
+        .
+        <br />
+        This is a second line to test the line height.
+      </Alert>
     </div>
   ));