feat: use --color-mint-green-50 on hr element

dnbexperience · Mar 26, 2020 · 66c504b · 66c504b
1 parent 31d6e0e
commit 66c504b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/dnb-design-system-portal/src/shared/tags/index.js b/packages/dnb-design-system-portal/src/shared/tags/index.js
@@ -44,5 +44,5 @@ export default {
   p: props => <Tag is="p" {...props} />,
   paragraph: props => <Tag is="p" {...props} />,
   blockquote: props => <Tag is="blockquote" {...props} />,
-  hr: props => <Tag is="hr" {...props} />
+  hr: props => <Tag is="hr" className="dnb-hr--fullscreen" {...props} />
 }
diff --git a/packages/dnb-ui-lib/src/style/elements/hr.scss b/packages/dnb-ui-lib/src/style/elements/hr.scss
@@ -11,7 +11,7 @@
   margin-top: -1px;
 
   border: 0;
-  color: var(--color-black-border);
+  color: var(--color-mint-green-50);
 
   &::after {
     content: '';