add caption-side utilities (#10470)

Co-authored-by: Michael Warner <michaelwarner@Michaels-MacBook-Pro.local>
This commit is contained in:
MichaelAllenWarner 2023-02-07 11:53:33 -05:00 committed by GitHub
parent 8bd2846b5b
commit f395cc4ae5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 35 additions and 0 deletions

View File

@ -772,6 +772,13 @@ export let corePlugins = {
})
},
captionSide: ({ addUtilities }) => {
addUtilities({
'.caption-top': { 'caption-side': 'top' },
'.caption-bottom': { 'caption-side': 'bottom' },
})
},
borderCollapse: ({ addUtilities }) => {
addUtilities({
'.border-collapse': { 'border-collapse': 'collapse' },

View File

@ -252,6 +252,12 @@
.table-fixed {
table-layout: fixed;
}
.caption-top {
caption-side: top;
}
.caption-bottom {
caption-side: bottom;
}
.border-collapse {
border-collapse: collapse;
}

View File

@ -252,6 +252,12 @@
.table-fixed {
table-layout: fixed;
}
.caption-top {
caption-side: top;
}
.caption-bottom {
caption-side: bottom;
}
.border-collapse {
border-collapse: collapse;
}

View File

@ -161,6 +161,8 @@ crosscheck(({ stable, oxide }) => {
<div class="stroke-current"></div>
<div class="stroke-2"></div>
<div class="table-fixed"></div>
<div class="caption-top"></div>
<div class="caption-bottom"></div>
<div class="text-center"></div>
<div class="indent-6 -indent-12"></div>
<div class="text-indigo-500"></div>

View File

@ -179,6 +179,12 @@
.table-fixed {
table-layout: fixed;
}
.caption-top {
caption-side: top;
}
.caption-bottom {
caption-side: bottom;
}
.border-collapse {
border-collapse: collapse;
}

View File

@ -179,6 +179,12 @@
.table-fixed {
table-layout: fixed;
}
.caption-top {
caption-side: top;
}
.caption-bottom {
caption-side: bottom;
}
.border-collapse {
border-collapse: collapse;
}

View File

@ -123,6 +123,8 @@ crosscheck(({ stable, oxide }) => {
<div class="stroke-current"></div>
<div class="stroke-2"></div>
<div class="table-fixed"></div>
<div class="caption-top"></div>
<div class="caption-bottom"></div>
<div class="text-center"></div>
<div class="text-indigo-500"></div>
<div class="underline"></div>