Support arbitrary values for object-position
This commit is contained in:
parent
0d47ffd2d3
commit
81816df3a1
3 changed files with 5 additions and 3 deletions
|
|
@ -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']]])
|
||||
}
|
||||
|
|
|
|||
|
|
@ -260,6 +260,9 @@
|
|||
.stroke-\[\#da5b66\] {
|
||||
stroke: #da5b66;
|
||||
}
|
||||
.object-\[var\(--position\)\] {
|
||||
object-position: var(--position);
|
||||
}
|
||||
.p-\[var\(--app-padding\)\] {
|
||||
padding: var(--app-padding);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue