Merge pull request tailwindlabs#991 from AlexVipond/fix-invisible-hr

Add border-width: 1px for horizontal rules
bodhicougar · Jul 10, 2019 · b87aedb · b87aedb
2 parents 70e436f + 3c2f7c8
commit b87aedb
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
@@ -456,6 +456,14 @@ html {
   border-color: #e2e8f0;
 }
 
+/*
+ * Ensure horizontal rules are visible by default
+ */
+
+hr {
+  border-width: 1px;
+}
+
 /**
  * Undo the `border-style: none` reset that Normalize applies to images so that
  * our `border-{width}` utilities have the expected effect.

diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
@@ -456,6 +456,14 @@ html {
   border-color: #e2e8f0;
 }
 
+/*
+ * Ensure horizontal rules are visible by default
+ */
+
+hr {
+  border-width: 1px;
+}
+
 /**
  * Undo the `border-style: none` reset that Normalize applies to images so that
  * our `border-{width}` utilities have the expected effect.

diff --git a/src/plugins/css/preflight.css b/src/plugins/css/preflight.css
@@ -105,6 +105,13 @@ html {
   border-color: theme('borderColor.default', currentColor);
 }
 
+/*
+ * Ensure horizontal rules are visible by default
+ */
+hr {
+  border-width: 1px;
+}
+
 /**
  * Undo the `border-style: none` reset that Normalize applies to images so that
  * our `border-{width}` utilities have the expected effect.