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

Apply prettier fixes to stubs

Browse Source
This commit is contained in:
Adam Wathan 2020-10-17 20:45:54 -04:00
parent 7d102598f9
commit cab3545280
2 changed files with 187 additions and 179 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

365
stubs/defaultConfig.stub.js
View File

@ -128,26 +128,26 @@ module.exports = {
}, },
spacing: { spacing: {
px: '1px', px: '1px',
'0': '0', 0: '0',
'1': '0.25rem', 1: '0.25rem',
'2': '0.5rem', 2: '0.5rem',
'3': '0.75rem', 3: '0.75rem',
'4': '1rem', 4: '1rem',
'5': '1.25rem', 5: '1.25rem',
'6': '1.5rem', 6: '1.5rem',
'8': '2rem', 8: '2rem',
'10': '2.5rem', 10: '2.5rem',
'12': '3rem', 12: '3rem',
'16': '4rem', 16: '4rem',
'20': '5rem', 20: '5rem',
'24': '6rem', 24: '6rem',
'32': '8rem', 32: '8rem',
'40': '10rem', 40: '10rem',
'48': '12rem', 48: '12rem',
'56': '14rem', 56: '14rem',
'64': '16rem', 64: '16rem',
}, },
backgroundColor: theme => theme('colors'), backgroundColor: (theme) => theme('colors'),
backgroundImage: { backgroundImage: {
none: 'none', none: 'none',
'gradient-to-t': 'linear-gradient(to top, var(--gradient-color-stops))', 'gradient-to-t': 'linear-gradient(to top, var(--gradient-color-stops))',
@ -159,8 +159,8 @@ module.exports = {
'gradient-to-l': 'linear-gradient(to left, var(--gradient-color-stops))', 'gradient-to-l': 'linear-gradient(to left, var(--gradient-color-stops))',
'gradient-to-tl': 'linear-gradient(to top left, var(--gradient-color-stops))', 'gradient-to-tl': 'linear-gradient(to top left, var(--gradient-color-stops))',
}, },
gradientColorStops: theme => theme('colors'), gradientColorStops: (theme) => theme('colors'),
backgroundOpacity: theme => theme('opacity'), backgroundOpacity: (theme) => theme('opacity'),
backgroundPosition: { backgroundPosition: {
bottom: 'bottom', bottom: 'bottom',
center: 'center', center: 'center',
@ -177,11 +177,11 @@ module.exports = {
cover: 'cover', cover: 'cover',
contain: 'contain', contain: 'contain',
}, },
borderColor: theme => ({ borderColor: (theme) => ({
...theme('colors'), ...theme('colors'),
DEFAULT: theme('colors.gray.300', 'currentColor'), DEFAULT: theme('colors.gray.300', 'currentColor'),
}), }),
borderOpacity: theme => theme('opacity'), borderOpacity: (theme) => theme('opacity'),
borderRadius: { borderRadius: {
none: '0', none: '0',
sm: '0.125rem', sm: '0.125rem',
@ -195,10 +195,10 @@ module.exports = {
}, },
borderWidth: { borderWidth: {
DEFAULT: '1px', DEFAULT: '1px',
'0': '0', 0: '0',
'2': '2px', 2: '2px',
'4': '4px', 4: '4px',
'8': '8px', 8: '8px',
}, },
boxShadow: { boxShadow: {
xs: '0 0 0 1px rgba(0, 0, 0, 0.05)', xs: '0 0 0 1px rgba(0, 0, 0, 0.05)',
@ -222,24 +222,24 @@ module.exports = {
move: 'move', move: 'move',
'not-allowed': 'not-allowed', 'not-allowed': 'not-allowed',
}, },
divideColor: theme => theme('borderColor'), divideColor: (theme) => theme('borderColor'),
divideOpacity: theme => theme('borderOpacity'), divideOpacity: (theme) => theme('borderOpacity'),
divideWidth: theme => theme('borderWidth'), divideWidth: (theme) => theme('borderWidth'),
fill: { fill: {
current: 'currentColor', current: 'currentColor',
}, },
flex: { flex: {
'1': '1 1 0%', 1: '1 1 0%',
auto: '1 1 auto', auto: '1 1 auto',
initial: '0 1 auto', initial: '0 1 auto',
none: 'none', none: 'none',
}, },
flexGrow: { flexGrow: {
'0': '0', 0: '0',
DEFAULT: '1', DEFAULT: '1',
}, },
flexShrink: { flexShrink: {
'0': '0', 0: '0',
DEFAULT: '1', DEFAULT: '1',
}, },
fontFamily: { fontFamily: {
@ -260,7 +260,16 @@ module.exports = {
'"Noto Color Emoji"', '"Noto Color Emoji"',
], ],
serif: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'], serif: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'],
mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', '"Liberation Mono"', '"Courier New"', 'monospace'], mono: [
'ui-monospace',
'SFMono-Regular',
'Menlo',
'Monaco',
'Consolas',
'"Liberation Mono"',
'"Courier New"',
'monospace',
],
}, },
fontSize: { fontSize: {
xs: ['0.75rem', { lineHeight: '1rem' }], xs: ['0.75rem', { lineHeight: '1rem' }],
@ -285,14 +294,14 @@ module.exports = {
extrabold: '800', extrabold: '800',
black: '900', black: '900',
}, },
height: theme => ({ height: (theme) => ({
auto: 'auto', auto: 'auto',
...theme('spacing'), ...theme('spacing'),
full: '100%', full: '100%',
screen: '100vh', screen: '100vh',
}), }),
inset: { inset: {
'0': '0', 0: '0',
auto: 'auto', auto: 'auto',
}, },
letterSpacing: { letterSpacing: {
@ -310,14 +319,14 @@ module.exports = {
normal: '1.5', normal: '1.5',
relaxed: '1.625', relaxed: '1.625',
loose: '2', loose: '2',
'3': '.75rem', 3: '.75rem',
'4': '1rem', 4: '1rem',
'5': '1.25rem', 5: '1.25rem',
'6': '1.5rem', 6: '1.5rem',
'7': '1.75rem', 7: '1.75rem',
'8': '2rem', 8: '2rem',
'9': '2.25rem', 9: '2.25rem',
'10': '2.5rem', 10: '2.5rem',
}, },
listStyleType: { listStyleType: {
none: 'none', none: 'none',
@ -349,12 +358,12 @@ module.exports = {
...breakpoints(theme('screens')), ...breakpoints(theme('screens')),
}), }),
minHeight: { minHeight: {
'0': '0', 0: '0',
full: '100%', full: '100%',
screen: '100vh', screen: '100vh',
}, },
minWidth: { minWidth: {
'0': '0', 0: '0',
full: '100%', full: '100%',
}, },
objectPosition: { objectPosition: {
@ -369,37 +378,37 @@ module.exports = {
top: 'top', top: 'top',
}, },
opacity: { opacity: {
'0': '0', 0: '0',
'25': '0.25', 25: '0.25',
'50': '0.5', 50: '0.5',
'75': '0.75', 75: '0.75',
'100': '1', 100: '1',
}, },
order: { order: {
first: '-9999', first: '-9999',
last: '9999', last: '9999',
none: '0', none: '0',
'1': '1', 1: '1',
'2': '2', 2: '2',
'3': '3', 3: '3',
'4': '4', 4: '4',
'5': '5', 5: '5',
'6': '6', 6: '6',
'7': '7', 7: '7',
'8': '8', 8: '8',
'9': '9', 9: '9',
'10': '10', 10: '10',
'11': '11', 11: '11',
'12': '12', 12: '12',
}, },
outline: { outline: {
none: ['2px solid transparent', '2px'], none: ['2px solid transparent', '2px'],
white: ['2px dotted white', '2px'], white: ['2px dotted white', '2px'],
black: ['2px dotted black', '2px'], black: ['2px dotted black', '2px'],
}, },
padding: theme => theme('spacing'), padding: (theme) => theme('spacing'),
placeholderColor: theme => theme('colors'), placeholderColor: (theme) => theme('colors'),
placeholderOpacity: theme => theme('opacity'), placeholderOpacity: (theme) => theme('opacity'),
space: (theme, { negative }) => ({ space: (theme, { negative }) => ({
...theme('spacing'), ...theme('spacing'),
...negative(theme('spacing')), ...negative(theme('spacing')),
@ -408,13 +417,13 @@ module.exports = {
current: 'currentColor', current: 'currentColor',
}, },
strokeWidth: { strokeWidth: {
'0': '0', 0: '0',
'1': '1', 1: '1',
'2': '2', 2: '2',
}, },
textColor: theme => theme('colors'), textColor: (theme) => theme('colors'),
textOpacity: theme => theme('opacity'), textOpacity: (theme) => theme('opacity'),
width: theme => ({ width: (theme) => ({
auto: 'auto', auto: 'auto',
...theme('spacing'), ...theme('spacing'),
'1/2': '50%', '1/2': '50%',
@ -448,28 +457,28 @@ module.exports = {
}), }),
zIndex: { zIndex: {
auto: 'auto', auto: 'auto',
'0': '0', 0: '0',
'10': '10', 10: '10',
'20': '20', 20: '20',
'30': '30', 30: '30',
'40': '40', 40: '40',
'50': '50', 50: '50',
}, },
gap: theme => theme('spacing'), gap: (theme) => theme('spacing'),
gridTemplateColumns: { gridTemplateColumns: {
none: 'none', none: 'none',
'1': 'repeat(1, minmax(0, 1fr))', 1: 'repeat(1, minmax(0, 1fr))',
'2': 'repeat(2, minmax(0, 1fr))', 2: 'repeat(2, minmax(0, 1fr))',
'3': 'repeat(3, minmax(0, 1fr))', 3: 'repeat(3, minmax(0, 1fr))',
'4': 'repeat(4, minmax(0, 1fr))', 4: 'repeat(4, minmax(0, 1fr))',
'5': 'repeat(5, minmax(0, 1fr))', 5: 'repeat(5, minmax(0, 1fr))',
'6': 'repeat(6, minmax(0, 1fr))', 6: 'repeat(6, minmax(0, 1fr))',
'7': 'repeat(7, minmax(0, 1fr))', 7: 'repeat(7, minmax(0, 1fr))',
'8': 'repeat(8, minmax(0, 1fr))', 8: 'repeat(8, minmax(0, 1fr))',
'9': 'repeat(9, minmax(0, 1fr))', 9: 'repeat(9, minmax(0, 1fr))',
'10': 'repeat(10, minmax(0, 1fr))', 10: 'repeat(10, minmax(0, 1fr))',
'11': 'repeat(11, minmax(0, 1fr))', 11: 'repeat(11, minmax(0, 1fr))',
'12': 'repeat(12, minmax(0, 1fr))', 12: 'repeat(12, minmax(0, 1fr))',
}, },
gridAutoColumns: { gridAutoColumns: {
auto: 'auto', auto: 'auto',
@ -495,44 +504,44 @@ module.exports = {
}, },
gridColumnStart: { gridColumnStart: {
auto: 'auto', auto: 'auto',
'1': '1', 1: '1',
'2': '2', 2: '2',
'3': '3', 3: '3',
'4': '4', 4: '4',
'5': '5', 5: '5',
'6': '6', 6: '6',
'7': '7', 7: '7',
'8': '8', 8: '8',
'9': '9', 9: '9',
'10': '10', 10: '10',
'11': '11', 11: '11',
'12': '12', 12: '12',
'13': '13', 13: '13',
}, },
gridColumnEnd: { gridColumnEnd: {
auto: 'auto', auto: 'auto',
'1': '1', 1: '1',
'2': '2', 2: '2',
'3': '3', 3: '3',
'4': '4', 4: '4',
'5': '5', 5: '5',
'6': '6', 6: '6',
'7': '7', 7: '7',
'8': '8', 8: '8',
'9': '9', 9: '9',
'10': '10', 10: '10',
'11': '11', 11: '11',
'12': '12', 12: '12',
'13': '13', 13: '13',
}, },
gridTemplateRows: { gridTemplateRows: {
none: 'none', none: 'none',
'1': 'repeat(1, minmax(0, 1fr))', 1: 'repeat(1, minmax(0, 1fr))',
'2': 'repeat(2, minmax(0, 1fr))', 2: 'repeat(2, minmax(0, 1fr))',
'3': 'repeat(3, minmax(0, 1fr))', 3: 'repeat(3, minmax(0, 1fr))',
'4': 'repeat(4, minmax(0, 1fr))', 4: 'repeat(4, minmax(0, 1fr))',
'5': 'repeat(5, minmax(0, 1fr))', 5: 'repeat(5, minmax(0, 1fr))',
'6': 'repeat(6, minmax(0, 1fr))', 6: 'repeat(6, minmax(0, 1fr))',
}, },
gridAutoRows: { gridAutoRows: {
auto: 'auto', auto: 'auto',
@ -552,23 +561,23 @@ module.exports = {
}, },
gridRowStart: { gridRowStart: {
auto: 'auto', auto: 'auto',
'1': '1', 1: '1',
'2': '2', 2: '2',
'3': '3', 3: '3',
'4': '4', 4: '4',
'5': '5', 5: '5',
'6': '6', 6: '6',
'7': '7', 7: '7',
}, },
gridRowEnd: { gridRowEnd: {
auto: 'auto', auto: 'auto',
'1': '1', 1: '1',
'2': '2', 2: '2',
'3': '3', 3: '3',
'4': '4', 4: '4',
'5': '5', 5: '5',
'6': '6', 6: '6',
'7': '7', 7: '7',
}, },
transformOrigin: { transformOrigin: {
center: 'center', center: 'center',
@ -582,16 +591,16 @@ module.exports = {
'top-left': 'top left', 'top-left': 'top left',
}, },
scale: { scale: {
'0': '0', 0: '0',
'50': '.5', 50: '.5',
'75': '.75', 75: '.75',
'90': '.9', 90: '.9',
'95': '.95', 95: '.95',
'100': '1', 100: '1',
'105': '1.05', 105: '1.05',
'110': '1.1', 110: '1.1',
'125': '1.25', 125: '1.25',
'150': '1.5', 150: '1.5',
}, },
rotate: { rotate: {
'-180': '-180deg', '-180': '-180deg',
@ -602,15 +611,15 @@ module.exports = {
'-3': '-3deg', '-3': '-3deg',
'-2': '-2deg', '-2': '-2deg',
'-1': '-1deg', '-1': '-1deg',
'0': '0', 0: '0',
'1': '1deg', 1: '1deg',
'2': '2deg', 2: '2deg',
'3': '3deg', 3: '3deg',
'6': '6deg', 6: '6deg',
'12': '12deg', 12: '12deg',
'45': '45deg', 45: '45deg',
'90': '90deg', 90: '90deg',
'180': '180deg', 180: '180deg',
}, },
translate: (theme, { negative }) => ({ translate: (theme, { negative }) => ({
...theme('spacing'), ...theme('spacing'),
@ -626,12 +635,12 @@ module.exports = {
'-3': '-3deg', '-3': '-3deg',
'-2': '-2deg', '-2': '-2deg',
'-1': '-1deg', '-1': '-1deg',
'0': '0', 0: '0',
'1': '1deg', 1: '1deg',
'2': '2deg', 2: '2deg',
'3': '3deg', 3: '3deg',
'6': '6deg', 6: '6deg',
'12': '12deg', 12: '12deg',
}, },
transitionProperty: { transitionProperty: {
none: 'none', none: 'none',
@ -649,24 +658,24 @@ module.exports = {
'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)', 'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
}, },
transitionDuration: { transitionDuration: {
'75': '75ms', 75: '75ms',
'100': '100ms', 100: '100ms',
'150': '150ms', 150: '150ms',
'200': '200ms', 200: '200ms',
'300': '300ms', 300: '300ms',
'500': '500ms', 500: '500ms',
'700': '700ms', 700: '700ms',
'1000': '1000ms', 1000: '1000ms',
}, },
transitionDelay: { transitionDelay: {
'75': '75ms', 75: '75ms',
'100': '100ms', 100: '100ms',
'150': '150ms', 150: '150ms',
'200': '200ms', 200: '200ms',
'300': '300ms', 300: '300ms',
'500': '500ms', 500: '500ms',
'700': '700ms', 700: '700ms',
'1000': '1000ms', 1000: '1000ms',
}, },
animation: { animation: {
none: 'none', none: 'none',

1
stubs/defaultPostCssConfig.stub.js
View File

@ -4,4 +4,3 @@ module.exports = {
autoprefixer: {}, autoprefixer: {},
}, },
} }