Reverted default spacing and font-sizing changes, and extended spaing with em-based variants

This commit is contained in:
mikiher 2024-06-23 19:15:39 +03:00
parent 3ef189ed4a
commit 635f22ddfe
16 changed files with 121 additions and 171 deletions

View file

@ -1,83 +1,81 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['components/**/*.vue', 'layouts/**/*.vue', 'pages/**/*.vue', 'templates/**/*.vue', 'plugins/**/*.js', 'nuxt.config.js'],
safelist: ['bg-red-600', 'px-1.5', 'min-w-5', 'border-warning'],
theme: {
extend: {
height: {
7.5: '1.75em',
18: '4.5em',
45: '11.25em'
7.5: '1.75rem',
18: '4.5rem',
45: '11.25rem'
},
width: {
18: '4.5em'
18: '4.5rem'
},
maxWidth: {
6: '1.5em',
12: '3em',
16: '4em',
20: '5em',
24: '6em',
32: '8em',
40: '10em',
48: '12em',
52: '13em',
64: '16em',
80: '20em'
6: '1.5rem',
12: '3rem',
16: '4rem',
20: '5rem',
24: '6rem',
32: '8rem',
40: '10rem',
48: '12rem',
52: '13rem',
64: '16rem',
80: '20rem'
},
minWidth: {
5: '1.25em',
6: '1.5em',
8: '2em',
10: '2.5em',
12: '3em',
16: '4em',
20: '5em',
24: '6em',
26: '6.5em',
32: '8em',
48: '12em',
64: '16em',
80: '20em'
5: '1.25rem',
6: '1.5rem',
8: '2rem',
10: '2.5rem',
12: '3rem',
16: '4rem',
20: '5rem',
24: '6rem',
26: '6.5rem',
32: '8rem',
48: '12rem',
64: '16rem',
80: '20rem'
},
spacing: {
18: '4.5em',
'18r': '4.5rem',
'-54': '-13.5em',
'54r': '13.5rem',
'0.5r': '0.125rem',
'1r': '0.25rem',
'1.5r': '0.375rem',
'2r': '0.5rem',
'2.5r': '0.625rem',
'3r': '0.75rem',
'3.5r': '0.875rem',
'4r': '1rem',
'5r': '1.25rem',
'6r': '1.5rem',
'7r': '1.75rem',
'8r': '2rem',
'9r': '2.25rem',
'10r': '2.5rem',
'11r': '2.75rem',
'12r': '3rem',
'14r': '3.5rem',
'16r': '4rem',
'20r': '5rem',
'24r': '6rem',
'28r': '7rem',
'32r': '8rem',
'36r': '9rem',
'40r': '10rem',
'44r': '11rem',
'48r': '12rem',
'52r': '13rem',
'56r': '14rem',
'60r': '15rem',
'64r': '16rem',
'72r': '18rem',
'80r': '20rem',
'96r': '24rem'
18: '4.5rem',
'-54': '-13.5rem',
// based on tailwind default config converted to em units, see client\node_modules\tailwindcss\stubs\config.full.js
'0.5e': '0.125em',
'1e': '0.25em',
'1.5e': '0.375em',
'2e': '0.5em',
'2.5e': '0.625em',
'3e': '0.75em',
'3.5e': '0.875em',
'4e': '1em',
'5e': '1.25em',
'6e': '1.5em',
'7e': '1.75em',
'8e': '2em',
'9e': '2.25em',
'10e': '2.5em',
'11e': '2.75em',
'12e': '3em',
'14e': '3.5em',
'16e': '4em',
'20e': '5em',
'24e': '6em',
'28e': '7em',
'32e': '8em',
'36e': '9em',
'40e': '10em',
'44e': '11em',
'48e': '12em',
'52e': '13em',
'56e': '14em',
'60e': '15em',
'64e': '16em',
'72e': '18em',
'80e': '20em',
'96e': '24em'
},
rotate: {
'-60': '-60deg'
@ -117,60 +115,6 @@ module.exports = {
50: 50,
60: 60
}
},
spacing: {
// based on tailwind default config converted to em units, see client\node_modules\tailwindcss\stubs\config.full.js
px: '1px',
0: '0px',
0.5: '0.125em',
1: '0.25em',
1.5: '0.375em',
2: '0.5em',
2.5: '0.625em',
3: '0.75em',
3.5: '0.875em',
4: '1em',
5: '1.25em',
6: '1.5em',
7: '1.75em',
8: '2em',
9: '2.25em',
10: '2.5em',
11: '2.75em',
12: '3em',
14: '3.5em',
16: '4em',
20: '5em',
24: '6em',
28: '7em',
32: '8em',
36: '9em',
40: '10em',
44: '11em',
48: '12em',
52: '13em',
56: '14em',
60: '15em',
64: '16em',
72: '18em',
80: '20em',
96: '24em'
},
fontSize: {
// based on tailwind default config converted to em units, see client\node_modules\tailwindcss\stubs\config.full.js
xs: ['0.75em', '1em'],
sm: ['0.875em', '1.25em'],
base: ['1em', '1.5em'],
lg: ['1.125em', '1.75em'],
xl: ['1.25em', '1.75em'],
'2xl': ['1.5em', '2em'],
'3xl': ['1.875em', '2.25em'],
'4xl': ['2.25em', '2.5em'],
'5xl': ['3em', '1'],
'6xl': ['3.75em', '1'],
'7xl': ['4.5em', '1'],
'8xl': ['6em', '1'],
'9xl': ['8em', '1']
}
},
variants: {