Add border-hidden utility (#5485)

Co-Authored-By: 藍 <[email protected]>

Co-authored-by: 藍 <[email protected]>

Author: adamwathan

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' },
   })
 }

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));

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>