Add border-hidden utility (#5485)

Co-Authored-By: 藍 <50108258+kwaa@users.noreply.github.com>

Co-authored-by: 藍 <50108258+kwaa@users.noreply.github.com>
This commit is contained in:
Adam Wathan 2021-09-12 16:18:17 -04:00 • committed by GitHub
parent b16eb2034e
commit fda68f7138
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 1 deletions

View file

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

View file

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

View file

@ -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>