Skip to content

Commit 7da2742

Browse files
committed
Support negative conic gradient mask angles
1 parent 58407d0 commit 7da2742

File tree

2 files changed

+13
-2
lines changed

2 files changed

+13
-2
lines changed

packages/tailwindcss/src/utilities.test.ts

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15891,7 +15891,18 @@ test('mask-conic', async () => {
1589115891
['mask-conic-45', 'mask-conic-[3rad]', '-mask-conic-45'],
1589215892
),
1589315893
).toMatchInlineSnapshot(`
15894-
".mask-conic-45 {
15894+
".-mask-conic-45 {
15895+
-webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
15896+
-webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
15897+
mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
15898+
--tw-mask-conic: conic-gradient(var(--tw-mask-conic-stops, var(--tw-mask-conic-position)));
15899+
--tw-mask-conic-position: calc(1deg * -45);
15900+
-webkit-mask-composite: source-in;
15901+
-webkit-mask-composite: source-in;
15902+
mask-composite: intersect;
15903+
}
15904+
15905+
.mask-conic-45 {
1589515906
-webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
1589615907
-webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
1589715908
mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);

packages/tailwindcss/src/utilities.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3390,7 +3390,7 @@ export function createUtilities(theme: Theme) {
33903390

33913391
functionalUtility('mask-conic', {
33923392
defaultValue: null,
3393-
supportsNegative: false,
3393+
supportsNegative: true,
33943394
supportsFractions: false,
33953395
handleBareValue(value) {
33963396
let type = inferDataType(value.value, ['integer'])

0 commit comments

Comments
 (0)