archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Fix object-position arbitrary values (#5245)

Browse Source
This commit is contained in:
Brad Cornes 2021-08-21 03:40:11 +01:00 committed by GitHub
parent b56b4c0b14
commit 5d0abea336
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/plugins/objectPosition.js
View File

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

6
tests/jit/arbitrary-values.test.css
View File

@ -260,6 +260,12 @@
.stroke-\[\#da5b66\] {
stroke: #da5b66;
}
.object-\[50\%\2c 50\%\] {
object-position: 50% 50%;
}
.object-\[top\2c right\] {
object-position: top right;
}
.object-\[var\(--position\)\] {
object-position: var(--position);
}

2
tests/jit/arbitrary-values.test.html
View File

@ -97,6 +97,8 @@
<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-[50%,50%]"></div>
<div class="object-[top,right]"></div>
<div class="object-[var(--position)]"></div>
<div class="stroke-[#da5b66]"></div>
<div class="leading-[var(--leading)]"></div>