docs: override InlineNotification to fix p margins

IBM · Apr 29, 2020 · 0067581 · 0067581
1 parent d0561c3
commit 0067581
Showing 1 changed file with 41 additions and 0 deletions.
diff --git a/...docs/src/gatsby-theme-carbon/components/InlineNotification/InlineNotification.module.scss b/...docs/src/gatsby-theme-carbon/components/InlineNotification/InlineNotification.module.scss
@@ -0,0 +1,41 @@
+.notification :global(.bx--inline-notification) {
+  margin: 0;
+  max-width: 100%;
+  box-shadow: none;
+  margin-bottom: 0;
+  margin-top: 0;
+  border-right: 1px solid $carbon--blue-30;
+  border-top: 1px solid $carbon--blue-30;
+  border-bottom: 1px solid $carbon--blue-30;
+}
+
+.notification :global(.bx--inline-notification--error) {
+  border-top-color: $carbon--red-30;
+  border-bottom-color: $carbon--red-30;
+  border-right-color: $carbon--red-30;
+}
+
+.notification :global(.bx--inline-notification--success) {
+  border-top-color: $carbon--green-30;
+  border-bottom-color: $carbon--green-30;
+  border-right-color: $carbon--green-30;
+}
+
+.notification :global(.bx--inline-notification--warning) {
+  border-top-color: $inverse-support-03;
+  border-bottom-color: $inverse-support-03;
+  border-right-color: $inverse-support-03;
+}
+
+.notification :global(.bx--inline-notification__subtitle p) {
+  @include carbon--type-style('body-short-01');
+}
+
+.notification :global(.bx--inline-notification__subtitle .bx--row) {
+  margin-bottom: var(--space);
+}
+
+.notification
+  :global(.bx--inline-notification__subtitle .bx--row:last-of-type) {
+  margin-bottom: 0;
+}