mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
Support arbitrary values for object-position
This commit is contained in:
parent
0d47ffd2d3
commit
81816df3a1
@ -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…
x
Reference in New Issue
Block a user