feat: enhancement of <hr /> element styling for easier changing color

dnbexperience · Apr 25, 2019 · fe27aa2 · fe27aa2
1 parent 82f5bc5
commit fe27aa2
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/dnb-ui-lib/src/style/elements/hr.scss b/packages/dnb-ui-lib/src/style/elements/hr.scss
@@ -7,9 +7,11 @@
   position: relative;
   margin: 0;
   padding: 0;
-  height: 0; // so we dont distract the correct spacing
+  height: 1px;
+  margin-top: -1px;
 
   border: 0;
+  color: var(--color-black-border);
 
   &::after {
     content: '';
@@ -20,7 +22,8 @@
     top: 0;
     width: 100%;
     height: 1px;
-    background-color: var(--color-black-border);
+    color: inherit;
+    background-color: currentColor;
     border-radius: 0.5px;
   }
 }