wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Use left/right instead of inline-start/end for space/divide utilities (#2644)

Browse source
This commit is contained in:
Adam Wathan 2020-10-21 17:05:20 -04:00 • committed by GitHub
parent 18baa4e7a8
commit 02cba631bc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 3480 additions and 3480 deletions
Download patch file Download diff file Expand all files Collapse all files

1728
__tests__/fixtures/tailwind-output-flagged.css
View file

File diff suppressed because it is too large Load diff

1728
__tests__/fixtures/tailwind-output-important.css
View file

File diff suppressed because it is too large Load diff

1728
__tests__/fixtures/tailwind-output-no-color-opacity.css
View file

File diff suppressed because it is too large Load diff

1728
__tests__/fixtures/tailwind-output.css
View file

File diff suppressed because it is too large Load diff

16
__tests__/plugins/divideWidth.test.js
View file

@ -28,8 +28,8 @@ test('generating divide width utilities', () => {
},
'.divide-x > :not([hidden]) ~ :not([hidden])': {
'--divide-x-reverse': '0',
'border-inline-end-width': 'calc(1px * var(--divide-x-reverse))',
'border-inline-start-width': 'calc(1px * calc(1 - var(--divide-x-reverse)))',
'border-right-width': 'calc(1px * var(--divide-x-reverse))',
'border-left-width': 'calc(1px * calc(1 - var(--divide-x-reverse)))',
},
'.divide-y-0 > :not([hidden]) ~ :not([hidden])': {
'--divide-y-reverse': '0',
@ -38,8 +38,8 @@ test('generating divide width utilities', () => {
},
'.divide-x-0 > :not([hidden]) ~ :not([hidden])': {
'--divide-x-reverse': '0',
'border-inline-end-width': 'calc(0px * var(--divide-x-reverse))',
'border-inline-start-width': 'calc(0px * calc(1 - var(--divide-x-reverse)))',
'border-right-width': 'calc(0px * var(--divide-x-reverse))',
'border-left-width': 'calc(0px * calc(1 - var(--divide-x-reverse)))',
},
'.divide-y-2 > :not([hidden]) ~ :not([hidden])': {
'--divide-y-reverse': '0',
@ -48,8 +48,8 @@ test('generating divide width utilities', () => {
},
'.divide-x-2 > :not([hidden]) ~ :not([hidden])': {
'--divide-x-reverse': '0',
'border-inline-end-width': 'calc(2px * var(--divide-x-reverse))',
'border-inline-start-width': 'calc(2px * calc(1 - var(--divide-x-reverse)))',
'border-right-width': 'calc(2px * var(--divide-x-reverse))',
'border-left-width': 'calc(2px * calc(1 - var(--divide-x-reverse)))',
},
'.divide-y-4 > :not([hidden]) ~ :not([hidden])': {
'--divide-y-reverse': '0',
@ -58,8 +58,8 @@ test('generating divide width utilities', () => {
},
'.divide-x-4 > :not([hidden]) ~ :not([hidden])': {
'--divide-x-reverse': '0',
'border-inline-end-width': 'calc(4px * var(--divide-x-reverse))',
'border-inline-start-width': 'calc(4px * calc(1 - var(--divide-x-reverse)))',
'border-right-width': 'calc(4px * var(--divide-x-reverse))',
'border-left-width': 'calc(4px * calc(1 - var(--divide-x-reverse)))',
},
'.divide-y-reverse > :not([hidden]) ~ :not([hidden])': {
'--divide-y-reverse': '1',

24
__tests__/plugins/space.test.js
View file

@ -30,8 +30,8 @@ test('generating space utilities', () => {
},
'.space-x-0 > :not([hidden]) ~ :not([hidden])': {
'--space-x-reverse': '0',
'margin-inline-end': 'calc(0px * var(--space-x-reverse))',
'margin-inline-start': 'calc(0px * calc(1 - var(--space-x-reverse)))',
'margin-right': 'calc(0px * var(--space-x-reverse))',
'margin-left': 'calc(0px * calc(1 - var(--space-x-reverse)))',
},
'.space-y-1 > :not([hidden]) ~ :not([hidden])': {
'--space-y-reverse': '0',
@ -40,8 +40,8 @@ test('generating space utilities', () => {
},
'.space-x-1 > :not([hidden]) ~ :not([hidden])': {
'--space-x-reverse': '0',
'margin-inline-end': 'calc(1px * var(--space-x-reverse))',
'margin-inline-start': 'calc(1px * calc(1 - var(--space-x-reverse)))',
'margin-right': 'calc(1px * var(--space-x-reverse))',
'margin-left': 'calc(1px * calc(1 - var(--space-x-reverse)))',
},
'.space-y-2 > :not([hidden]) ~ :not([hidden])': {
'--space-y-reverse': '0',
@ -50,8 +50,8 @@ test('generating space utilities', () => {
},
'.space-x-2 > :not([hidden]) ~ :not([hidden])': {
'--space-x-reverse': '0',
'margin-inline-end': 'calc(2px * var(--space-x-reverse))',
'margin-inline-start': 'calc(2px * calc(1 - var(--space-x-reverse)))',
'margin-right': 'calc(2px * var(--space-x-reverse))',
'margin-left': 'calc(2px * calc(1 - var(--space-x-reverse)))',
},
'.space-y-4 > :not([hidden]) ~ :not([hidden])': {
'--space-y-reverse': '0',
@ -60,8 +60,8 @@ test('generating space utilities', () => {
},
'.space-x-4 > :not([hidden]) ~ :not([hidden])': {
'--space-x-reverse': '0',
'margin-inline-end': 'calc(4px * var(--space-x-reverse))',
'margin-inline-start': 'calc(4px * calc(1 - var(--space-x-reverse)))',
'margin-right': 'calc(4px * var(--space-x-reverse))',
'margin-left': 'calc(4px * calc(1 - var(--space-x-reverse)))',
},
'.-space-y-2 > :not([hidden]) ~ :not([hidden])': {
'--space-y-reverse': '0',
@ -70,8 +70,8 @@ test('generating space utilities', () => {
},
'.-space-x-2 > :not([hidden]) ~ :not([hidden])': {
'--space-x-reverse': '0',
'margin-inline-end': 'calc(-2px * var(--space-x-reverse))',
'margin-inline-start': 'calc(-2px * calc(1 - var(--space-x-reverse)))',
'margin-right': 'calc(-2px * var(--space-x-reverse))',
'margin-left': 'calc(-2px * calc(1 - var(--space-x-reverse)))',
},
'.-space-y-1 > :not([hidden]) ~ :not([hidden])': {
'--space-y-reverse': '0',
@ -80,8 +80,8 @@ test('generating space utilities', () => {
},
'.-space-x-1 > :not([hidden]) ~ :not([hidden])': {
'--space-x-reverse': '0',
'margin-inline-end': 'calc(-1px * var(--space-x-reverse))',
'margin-inline-start': 'calc(-1px * calc(1 - var(--space-x-reverse)))',
'margin-right': 'calc(-1px * var(--space-x-reverse))',
'margin-left': 'calc(-1px * calc(1 - var(--space-x-reverse)))',
},
'.space-y-reverse > :not([hidden]) ~ :not([hidden])': {
'--space-y-reverse': '1',

4
src/plugins/divideWidth.js
View file

@ -14,8 +14,8 @@ export default function () {
},
[`${nameClass('divide-x', modifier)} > :not([hidden]) ~ :not([hidden])`]: {
'--divide-x-reverse': '0',
'border-inline-end-width': `calc(${size} * var(--divide-x-reverse))`,
'border-inline-start-width': `calc(${size} * calc(1 - var(--divide-x-reverse)))`,
'border-right-width': `calc(${size} * var(--divide-x-reverse))`,
'border-left-width': `calc(${size} * calc(1 - var(--divide-x-reverse)))`,
},
}
},

4
src/plugins/space.js
View file

@ -14,8 +14,8 @@ export default function () {
},
[`${nameClass('space-x', modifier)} > :not([hidden]) ~ :not([hidden])`]: {
'--space-x-reverse': '0',
'margin-inline-end': `calc(${size} * var(--space-x-reverse))`,
'margin-inline-start': `calc(${size} * calc(1 - var(--space-x-reverse)))`,
'margin-right': `calc(${size} * var(--space-x-reverse))`,
'margin-left': `calc(${size} * calc(1 - var(--space-x-reverse)))`,
},
}
},