Add border-hidden utility (#5485)

Co-Authored-By: 藍 <[email protected]> Co-authored-by: 藍 <[email protected]>
tailwindlabs · Sep 12, 2021 · fda68f7 · fda68f7
1 parent b16eb20
commit fda68f7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/src/corePlugins.js b/src/corePlugins.js
@@ -1179,6 +1179,7 @@ export let borderStyle = ({ addUtilities }) => {
     '.border-dashed': { 'border-style': 'dashed' },
     '.border-dotted': { 'border-style': 'dotted' },
     '.border-double': { 'border-style': 'double' },
+    '.border-hidden': { 'border-style': 'hidden' },
     '.border-none': { 'border-style': 'none' },
   })
 }

diff --git a/tests/basic-usage.test.css b/tests/basic-usage.test.css
@@ -461,6 +461,9 @@
 .border-solid {
   border-style: solid;
 }
+.border-hidden {
+  border-style: hidden;
+}
 .border-black {
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));

diff --git a/tests/basic-usage.test.html b/tests/basic-usage.test.html
@@ -28,7 +28,7 @@
     <div class="border-black border-t-black border-r-black border-b-black border-l-black"></div>
     <div class="border-opacity-10"></div>
     <div class="rounded-md"></div>
-    <div class="border-solid"></div>
+    <div class="border-solid border-hidden"></div>
     <div class="border"></div>
     <div class="border-2 border-t border-b-4"></div>
     <div class="shadow"></div>