Merge branch 'master' of github.com:tailwindlabs/tailwindcss
This commit is contained in:
commit
144cf42347
7 changed files with 5707 additions and 5707 deletions
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
|
|
@ -18,7 +18,7 @@ test('defining color as a function', () => {
|
|||
expect(utilities).toEqual([
|
||||
[
|
||||
{
|
||||
'.divide-black > :not(template) ~ :not(template)': {
|
||||
'.divide-black > :not([hidden]) ~ :not([hidden])': {
|
||||
'border-color': 'black',
|
||||
},
|
||||
},
|
||||
|
|
|
|||
|
|
@ -21,50 +21,50 @@ test('generating divide width utilities', () => {
|
|||
expect(utilities).toEqual([
|
||||
[
|
||||
{
|
||||
'.divide-y > :not(template) ~ :not(template)': {
|
||||
'.divide-y > :not([hidden]) ~ :not([hidden])': {
|
||||
'--divide-y-reverse': '0',
|
||||
'border-top-width': 'calc(1px * calc(1 - var(--divide-y-reverse)))',
|
||||
'border-bottom-width': 'calc(1px * var(--divide-y-reverse))',
|
||||
},
|
||||
'.divide-x > :not(template) ~ :not(template)': {
|
||||
'.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)))',
|
||||
},
|
||||
'.divide-y-0 > :not(template) ~ :not(template)': {
|
||||
'.divide-y-0 > :not([hidden]) ~ :not([hidden])': {
|
||||
'--divide-y-reverse': '0',
|
||||
'border-top-width': 'calc(0px * calc(1 - var(--divide-y-reverse)))',
|
||||
'border-bottom-width': 'calc(0px * var(--divide-y-reverse))',
|
||||
},
|
||||
'.divide-x-0 > :not(template) ~ :not(template)': {
|
||||
'.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)))',
|
||||
},
|
||||
'.divide-y-2 > :not(template) ~ :not(template)': {
|
||||
'.divide-y-2 > :not([hidden]) ~ :not([hidden])': {
|
||||
'--divide-y-reverse': '0',
|
||||
'border-top-width': 'calc(2px * calc(1 - var(--divide-y-reverse)))',
|
||||
'border-bottom-width': 'calc(2px * var(--divide-y-reverse))',
|
||||
},
|
||||
'.divide-x-2 > :not(template) ~ :not(template)': {
|
||||
'.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)))',
|
||||
},
|
||||
'.divide-y-4 > :not(template) ~ :not(template)': {
|
||||
'.divide-y-4 > :not([hidden]) ~ :not([hidden])': {
|
||||
'--divide-y-reverse': '0',
|
||||
'border-top-width': 'calc(4px * calc(1 - var(--divide-y-reverse)))',
|
||||
'border-bottom-width': 'calc(4px * var(--divide-y-reverse))',
|
||||
},
|
||||
'.divide-x-4 > :not(template) ~ :not(template)': {
|
||||
'.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)))',
|
||||
},
|
||||
'.divide-y-reverse > :not(template) ~ :not(template)': {
|
||||
'.divide-y-reverse > :not([hidden]) ~ :not([hidden])': {
|
||||
'--divide-y-reverse': '1',
|
||||
},
|
||||
'.divide-x-reverse > :not(template) ~ :not(template)': {
|
||||
'.divide-x-reverse > :not([hidden]) ~ :not([hidden])': {
|
||||
'--divide-x-reverse': '1',
|
||||
},
|
||||
},
|
||||
|
|
|
|||
|
|
@ -23,70 +23,70 @@ test('generating space utilities', () => {
|
|||
expect(utilities).toEqual([
|
||||
[
|
||||
{
|
||||
'.space-y-0 > :not(template) ~ :not(template)': {
|
||||
'.space-y-0 > :not([hidden]) ~ :not([hidden])': {
|
||||
'--space-y-reverse': '0',
|
||||
'margin-top': 'calc(0px * calc(1 - var(--space-y-reverse)))',
|
||||
'margin-bottom': 'calc(0px * var(--space-y-reverse))',
|
||||
},
|
||||
'.space-x-0 > :not(template) ~ :not(template)': {
|
||||
'.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)))',
|
||||
},
|
||||
'.space-y-1 > :not(template) ~ :not(template)': {
|
||||
'.space-y-1 > :not([hidden]) ~ :not([hidden])': {
|
||||
'--space-y-reverse': '0',
|
||||
'margin-top': 'calc(1px * calc(1 - var(--space-y-reverse)))',
|
||||
'margin-bottom': 'calc(1px * var(--space-y-reverse))',
|
||||
},
|
||||
'.space-x-1 > :not(template) ~ :not(template)': {
|
||||
'.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)))',
|
||||
},
|
||||
'.space-y-2 > :not(template) ~ :not(template)': {
|
||||
'.space-y-2 > :not([hidden]) ~ :not([hidden])': {
|
||||
'--space-y-reverse': '0',
|
||||
'margin-top': 'calc(2px * calc(1 - var(--space-y-reverse)))',
|
||||
'margin-bottom': 'calc(2px * var(--space-y-reverse))',
|
||||
},
|
||||
'.space-x-2 > :not(template) ~ :not(template)': {
|
||||
'.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)))',
|
||||
},
|
||||
'.space-y-4 > :not(template) ~ :not(template)': {
|
||||
'.space-y-4 > :not([hidden]) ~ :not([hidden])': {
|
||||
'--space-y-reverse': '0',
|
||||
'margin-top': 'calc(4px * calc(1 - var(--space-y-reverse)))',
|
||||
'margin-bottom': 'calc(4px * var(--space-y-reverse))',
|
||||
},
|
||||
'.space-x-4 > :not(template) ~ :not(template)': {
|
||||
'.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)))',
|
||||
},
|
||||
'.-space-y-2 > :not(template) ~ :not(template)': {
|
||||
'.-space-y-2 > :not([hidden]) ~ :not([hidden])': {
|
||||
'--space-y-reverse': '0',
|
||||
'margin-top': 'calc(-2px * calc(1 - var(--space-y-reverse)))',
|
||||
'margin-bottom': 'calc(-2px * var(--space-y-reverse))',
|
||||
},
|
||||
'.-space-x-2 > :not(template) ~ :not(template)': {
|
||||
'.-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)))',
|
||||
},
|
||||
'.-space-y-1 > :not(template) ~ :not(template)': {
|
||||
'.-space-y-1 > :not([hidden]) ~ :not([hidden])': {
|
||||
'--space-y-reverse': '0',
|
||||
'margin-top': 'calc(-1px * calc(1 - var(--space-y-reverse)))',
|
||||
'margin-bottom': 'calc(-1px * var(--space-y-reverse))',
|
||||
},
|
||||
'.-space-x-1 > :not(template) ~ :not(template)': {
|
||||
'.-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)))',
|
||||
},
|
||||
'.space-y-reverse > :not(template) ~ :not(template)': {
|
||||
'.space-y-reverse > :not([hidden]) ~ :not([hidden])': {
|
||||
'--space-y-reverse': '1',
|
||||
},
|
||||
'.space-x-reverse > :not(template) ~ :not(template)': {
|
||||
'.space-x-reverse > :not([hidden]) ~ :not([hidden])': {
|
||||
'--space-x-reverse': '1',
|
||||
},
|
||||
},
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue