Support arbitrary values for object-position

This commit is contained in:
Adam Wathan 2021-06-14 16:03:08 -04:00
parent 0d47ffd2d3
commit 81816df3a1
3 changed files with 5 additions and 3 deletions

View File

@ -2,7 +2,5 @@ import createUtilityPlugin from '../util/createUtilityPlugin'
import { asLookupValue } from '../util/pluginUtils'
export default function () {
return createUtilityPlugin('objectPosition', [['object', ['object-position']]], {
resolveArbitraryValue: asLookupValue,
})
return createUtilityPlugin('objectPosition', [['object', ['object-position']]])
}

View File

@ -260,6 +260,9 @@
.stroke-\[\#da5b66\] {
stroke: #da5b66;
}
.object-\[var\(--position\)\] {
object-position: var(--position);
}
.p-\[var\(--app-padding\)\] {
padding: var(--app-padding);
}

View File

@ -97,6 +97,7 @@
<div class="from-[var(--color)] via-[var(--color)] to-[var(--color)]"></div>
<div class="fill-[#da5b66]"></div>
<div class="fill-[var(--color)]"></div>
<div class="object-[var(--position)]"></div>
<div class="stroke-[#da5b66]"></div>
<div class="leading-[var(--leading)]"></div>
<div class="tracking-[var(--tracking)]"></div>