1499 lines
32 KiB
JavaScript
1499 lines
32 KiB
JavaScript
const path = require('path');
|
|
|
|
module.exports = {
|
|
content: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
|
|
safelist: ['pl-24', 'pl-40', 'pl-56', 'pl-72', 'pl-80'],
|
|
presets: [],
|
|
darkMode: 'class', // or 'class'
|
|
theme: {
|
|
accentColor: ({ theme }) => ({
|
|
...theme('colors'),
|
|
auto: 'auto'
|
|
}),
|
|
animation: {
|
|
none: 'none',
|
|
spin: 'spin 1s linear infinite',
|
|
ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',
|
|
pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
bounce: 'bounce 1s infinite'
|
|
},
|
|
aria: {
|
|
checked: 'checked="true"',
|
|
disabled: 'disabled="true"',
|
|
expanded: 'expanded="true"',
|
|
hidden: 'hidden="true"',
|
|
pressed: 'pressed="true"',
|
|
readonly: 'readonly="true"',
|
|
required: 'required="true"',
|
|
selected: 'selected="true"'
|
|
},
|
|
aspectRatio: {
|
|
auto: 'auto',
|
|
square: '1 / 1',
|
|
video: '16 / 9'
|
|
},
|
|
backdropBlur: ({ theme }) => theme('blur'),
|
|
backdropBrightness: ({ theme }) => theme('brightness'),
|
|
backdropContrast: ({ theme }) => theme('contrast'),
|
|
backdropGrayscale: ({ theme }) => theme('grayscale'),
|
|
backdropHueRotate: ({ theme }) => theme('hueRotate'),
|
|
backdropInvert: ({ theme }) => theme('invert'),
|
|
backdropOpacity: ({ theme }) => theme('opacity'),
|
|
backdropSaturate: ({ theme }) => theme('saturate'),
|
|
backdropSepia: ({ theme }) => theme('sepia'),
|
|
backgroundColor: ({ theme }) => theme('colors'),
|
|
backgroundImage: {
|
|
none: 'none',
|
|
'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',
|
|
'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',
|
|
'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',
|
|
'gradient-to-br': 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
|
|
'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',
|
|
'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
|
|
'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',
|
|
'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))'
|
|
},
|
|
backgroundOpacity: ({ theme }) => theme('opacity'),
|
|
backgroundPosition: {
|
|
bottom: 'bottom',
|
|
center: 'center',
|
|
left: 'left',
|
|
'left-bottom': 'left bottom',
|
|
'left-top': 'left top',
|
|
right: 'right',
|
|
'right-bottom': 'right bottom',
|
|
'right-top': 'right top',
|
|
top: 'top'
|
|
},
|
|
backgroundSize: {
|
|
auto: 'auto',
|
|
cover: 'cover',
|
|
contain: 'contain'
|
|
},
|
|
blur: {
|
|
0: '0',
|
|
none: '0',
|
|
sm: '4px',
|
|
DEFAULT: '8px',
|
|
md: '12px',
|
|
lg: '16px',
|
|
xl: '24px',
|
|
'2xl': '40px',
|
|
'3xl': '64px'
|
|
},
|
|
borderColor: ({ theme }) => ({
|
|
...theme('colors'),
|
|
DEFAULT: theme('colors.gray.200', 'currentColor')
|
|
}),
|
|
borderOpacity: ({ theme }) => theme('opacity'),
|
|
borderRadius: {
|
|
none: '0px',
|
|
sm: '.2rem',
|
|
DEFAULT: '.4rem',
|
|
md: '.6rem',
|
|
lg: '.8rem',
|
|
xl: '1.2rem',
|
|
'2xl': '1.6rem',
|
|
'3xl': '2.4rem',
|
|
full: '9999px',
|
|
0: '0px',
|
|
2: '.2rem',
|
|
4: '.4rem',
|
|
6: '.6rem',
|
|
8: '.8rem',
|
|
12: '1.2rem',
|
|
16: '1.6rem',
|
|
20: '2rem',
|
|
24: '2.4rem',
|
|
28: '2.8rem',
|
|
32: '3.2rem'
|
|
},
|
|
borderSpacing: ({ theme }) => ({
|
|
...theme('spacing')
|
|
}),
|
|
borderWidth: {
|
|
DEFAULT: '1px',
|
|
0: '0px',
|
|
1: '1px',
|
|
2: '2px',
|
|
3: '3px',
|
|
4: '4px',
|
|
8: '8px'
|
|
},
|
|
boxShadow: {
|
|
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
|
|
DEFAULT: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
|
|
md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
|
|
lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
|
|
xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
|
|
'2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
|
|
inner: 'inset 0 2px 4px 0 rgba(0,0,0,0.06)',
|
|
none: 'none',
|
|
0: '0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)',
|
|
1: '0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)',
|
|
2: '0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)',
|
|
3: '0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)',
|
|
4: '0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)',
|
|
5: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)',
|
|
6: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',
|
|
7: '0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)',
|
|
8: '0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)',
|
|
9: '0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12)',
|
|
10: '0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12)',
|
|
11: '0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12)',
|
|
12: '0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)',
|
|
13: '0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12)',
|
|
14: '0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12)',
|
|
15: '0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12)',
|
|
16: '0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)',
|
|
17: '0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12)',
|
|
18: '0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12)',
|
|
19: '0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12)',
|
|
20: '0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12)',
|
|
21: '0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12)',
|
|
22: '0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12)',
|
|
23: '0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12)',
|
|
24: '0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)'
|
|
},
|
|
boxShadowColor: ({ theme }) => theme('colors'),
|
|
brightness: {
|
|
0: '0',
|
|
50: '.5',
|
|
75: '.75',
|
|
90: '.9',
|
|
95: '.95',
|
|
100: '1',
|
|
105: '1.05',
|
|
110: '1.1',
|
|
125: '1.25',
|
|
150: '1.5',
|
|
200: '2'
|
|
},
|
|
caretColor: ({ theme }) => theme('colors'),
|
|
colors: ({ colors }) => ({
|
|
inherit: colors.inherit,
|
|
current: colors.current,
|
|
transparent: 'transparent',
|
|
black: '#22292F',
|
|
white: '#fff',
|
|
grey: {
|
|
50: '#FAFAFA',
|
|
100: '#F5F5F5',
|
|
200: '#EEEEEE',
|
|
300: '#E0E0E0',
|
|
400: '#BDBDBD',
|
|
500: '#9E9E9E',
|
|
DEFAULT: '#9E9E9E',
|
|
600: '#757575',
|
|
700: '#616161',
|
|
800: '#424242',
|
|
900: '#212121',
|
|
A100: '#D5D5D5',
|
|
A200: '#AAAAAA',
|
|
A400: '#303030',
|
|
A700: '#616161'
|
|
},
|
|
gray: {
|
|
50: '#FAFAFA',
|
|
100: '#F5F5F5',
|
|
200: '#EEEEEE',
|
|
300: '#E0E0E0',
|
|
400: '#BDBDBD',
|
|
500: '#9E9E9E',
|
|
DEFAULT: '#9E9E9E',
|
|
600: '#757575',
|
|
700: '#616161',
|
|
800: '#424242',
|
|
900: '#212121',
|
|
A100: '#D5D5D5',
|
|
A200: '#AAAAAA',
|
|
A400: '#303030',
|
|
A700: '#616161'
|
|
},
|
|
red: {
|
|
50: '#FFEBEE',
|
|
100: '#FFCDD2',
|
|
200: '#EF9A9A',
|
|
300: '#E57373',
|
|
400: '#EF5350',
|
|
500: '#F44336',
|
|
DEFAULT: '#F44336',
|
|
600: '#E53935',
|
|
700: '#D32F2F',
|
|
800: '#C62828',
|
|
900: '#B71C1C',
|
|
A100: '#FF8A80',
|
|
A200: '#FF5252',
|
|
A400: '#FF1744',
|
|
A700: '#D50000'
|
|
},
|
|
orange: {
|
|
50: '#FFF3E0',
|
|
100: '#FFE0B2',
|
|
200: '#FFCC80',
|
|
300: '#FFB74D',
|
|
400: '#FFA726',
|
|
500: '#FF9800',
|
|
DEFAULT: '#FF9800',
|
|
600: '#FB8C00',
|
|
700: '#F57C00',
|
|
800: '#EF6C00',
|
|
900: '#E65100',
|
|
A100: '#FFD180',
|
|
A200: '#FFAB40',
|
|
A400: '#FF9100',
|
|
A700: '#FF6D00'
|
|
},
|
|
'deep-orange': {
|
|
50: '#FBE9E7',
|
|
100: '#FFCCBC',
|
|
200: '#FFAB91',
|
|
300: '#FF8A65',
|
|
400: '#FF7043',
|
|
500: '#FF5722',
|
|
DEFAULT: '#FF5722',
|
|
600: '#F4511E',
|
|
700: '#E64A19',
|
|
800: '#D84315',
|
|
900: '#BF360C',
|
|
A100: '#FF9E80',
|
|
A200: '#FF6E40',
|
|
A400: '#FF3D00',
|
|
A700: '#DD2C00'
|
|
},
|
|
yellow: {
|
|
50: '#FFFDE7',
|
|
100: '#FFF9C4',
|
|
200: '#FFF59D',
|
|
300: '#FFF176',
|
|
400: '#FFEE58',
|
|
500: '#FFEB3B',
|
|
DEFAULT: '#FFEB3B',
|
|
600: '#FDD835',
|
|
700: '#FBC02D',
|
|
800: '#F9A825',
|
|
900: '#F57F17',
|
|
A100: '#FFFF8D',
|
|
A200: '#FFFF00',
|
|
A400: '#FFEA00',
|
|
A700: '#FFD600'
|
|
},
|
|
green: {
|
|
50: '#E8F5E9',
|
|
100: '#C8E6C9',
|
|
200: '#A5D6A7',
|
|
300: '#81C784',
|
|
400: '#66BB6A',
|
|
500: '#4CAF50',
|
|
DEFAULT: '#4CAF50',
|
|
600: '#43A047',
|
|
700: '#388E3C',
|
|
800: '#2E7D32',
|
|
900: '#1B5E20',
|
|
A100: '#B9F6CA',
|
|
A200: '#69F0AE',
|
|
A400: '#00E676',
|
|
A700: '#00C853'
|
|
},
|
|
'light-green': {
|
|
50: '#F1F8E9',
|
|
100: '#DCEDC8',
|
|
200: '#C5E1A5',
|
|
300: '#AED581',
|
|
400: '#9CCC65',
|
|
500: '#8BC34A',
|
|
DEFAULT: '#8BC34A',
|
|
600: '#7CB342',
|
|
700: '#689F38',
|
|
800: '#558B2F',
|
|
900: '#33691E',
|
|
A100: '#CCFF90',
|
|
A200: '#B2FF59',
|
|
A400: '#76FF03',
|
|
A700: '#64DD17'
|
|
},
|
|
teal: {
|
|
50: '#E0F2F1',
|
|
100: '#B2DFDB',
|
|
200: '#80CBC4',
|
|
300: '#4DB6AC',
|
|
400: '#26A69A',
|
|
500: '#009688',
|
|
DEFAULT: '#009688',
|
|
600: '#00897B',
|
|
700: '#00796B',
|
|
800: '#00695C',
|
|
900: '#004D40',
|
|
A100: '#A7FFEB',
|
|
A200: '#64FFDA',
|
|
A400: '#1DE9B6',
|
|
A700: '#00BFA5'
|
|
},
|
|
blue: {
|
|
50: '#E3F2FD',
|
|
100: '#BBDEFB',
|
|
200: '#90CAF9',
|
|
300: '#64B5F6',
|
|
400: '#42A5F5',
|
|
500: '#2196F3',
|
|
DEFAULT: '#2196F3',
|
|
600: '#1E88E5',
|
|
700: '#1976D2',
|
|
800: '#1565C0',
|
|
900: '#0D47A1',
|
|
A100: '#82B1FF',
|
|
A200: '#448AFF',
|
|
A400: '#2979FF',
|
|
A700: '#2962FF'
|
|
},
|
|
'light-blue': {
|
|
50: '#E1F5FE',
|
|
100: '#B3E5FC',
|
|
200: '#81D4FA',
|
|
300: '#4FC3F7',
|
|
400: '#29B6F6',
|
|
500: '#03A9F4',
|
|
DEFAULT: '#03A9F4',
|
|
600: '#039BE5',
|
|
700: '#0288D1',
|
|
800: '#0277BD',
|
|
900: '#01579B',
|
|
A100: '#80D8FF',
|
|
A200: '#40C4FF',
|
|
A400: '#00B0FF',
|
|
A700: '#0091EA'
|
|
},
|
|
indigo: {
|
|
50: '#E8EAF6',
|
|
100: '#C5CAE9',
|
|
200: '#9FA8DA',
|
|
300: '#7986CB',
|
|
400: '#5C6BC0',
|
|
500: '#3F51B5',
|
|
DEFAULT: '#3F51B5',
|
|
600: '#3949AB',
|
|
700: '#303F9F',
|
|
800: '#283593',
|
|
900: '#1A237E',
|
|
A100: '#8C9EFF',
|
|
A200: '#536DFE',
|
|
A400: '#3D5AFE',
|
|
A700: '#304FFE'
|
|
},
|
|
purple: {
|
|
50: '#F3E5F5',
|
|
100: '#E1BEE7',
|
|
200: '#CE93D8',
|
|
300: '#BA68C8',
|
|
400: '#AB47BC',
|
|
500: '#9C27B0',
|
|
DEFAULT: '#9C27B0',
|
|
600: '#8E24AA',
|
|
700: '#7B1FA2',
|
|
800: '#6A1B9A',
|
|
900: '#4A148C',
|
|
A100: '#EA80FC',
|
|
A200: '#E040FB',
|
|
A400: '#D500F9',
|
|
A700: '#AA00FF'
|
|
},
|
|
'deep-purple': {
|
|
50: '#EDE7F6',
|
|
100: '#D1C4E9',
|
|
200: '#B39DDB',
|
|
300: '#9575CD',
|
|
400: '#7E57C2',
|
|
500: '#673AB7',
|
|
DEFAULT: '#673AB7',
|
|
600: '#5E35B1',
|
|
700: '#512DA8',
|
|
800: '#4527A0',
|
|
900: '#311B92',
|
|
A100: '#B388FF',
|
|
A200: '#7C4DFF',
|
|
A400: '#651FFF',
|
|
A700: '#6200EA'
|
|
},
|
|
pink: {
|
|
50: '#FCE4EC',
|
|
100: '#F8BBD0',
|
|
200: '#F48FB1',
|
|
300: '#F06292',
|
|
400: '#EC407A',
|
|
500: '#E91E63',
|
|
DEFAULT: '#E91E63',
|
|
600: '#D81B60',
|
|
700: '#C2185B',
|
|
800: '#AD1457',
|
|
900: '#880E4F',
|
|
A100: '#FF80AB',
|
|
A200: '#FF4081',
|
|
A400: '#F50057',
|
|
A700: '#C51162'
|
|
},
|
|
lime: {
|
|
50: '#F9FBE7',
|
|
100: '#F0F4C3',
|
|
200: '#E6EE9C',
|
|
300: '#DCE775',
|
|
400: '#D4E157',
|
|
500: '#CDDC39',
|
|
DEFAULT: '#CDDC39',
|
|
600: '#C0CA33',
|
|
700: '#AFB42B',
|
|
800: '#9E9D24',
|
|
900: '#827717',
|
|
A100: '#F4FF81',
|
|
A200: '#EEFF41',
|
|
A400: '#C6FF00',
|
|
A700: '#AEEA00'
|
|
},
|
|
amber: {
|
|
50: '#FFF8E1',
|
|
100: '#FFECB3',
|
|
200: '#FFE082',
|
|
300: '#FFD54F',
|
|
400: '#FFCA28',
|
|
500: '#FFC107',
|
|
DEFAULT: '#FFC107',
|
|
600: '#FFB300',
|
|
700: '#FFA000',
|
|
800: '#FF8F00',
|
|
900: '#FF6F00',
|
|
A100: '#FFE57F',
|
|
A200: '#FFD740',
|
|
A400: '#FFC400',
|
|
A700: '#FFAB00'
|
|
},
|
|
brown: {
|
|
50: '#EFEBE9',
|
|
100: '#D7CCC8',
|
|
200: '#BCAAA4',
|
|
300: '#A1887F',
|
|
400: '#8D6E63',
|
|
500: '#795548',
|
|
DEFAULT: '#795548',
|
|
600: '#6D4C41',
|
|
700: '#5D4037',
|
|
800: '#4E342E',
|
|
900: '#3E2723',
|
|
A100: '#D7CCC8',
|
|
A200: '#BCAAA4',
|
|
A400: '#8D6E63',
|
|
A700: '#5D4037'
|
|
},
|
|
'blue-gray': {
|
|
50: '#ECEFF1',
|
|
100: '#CFD8DC',
|
|
200: '#B0BEC5',
|
|
300: '#90A4AE',
|
|
400: '#78909C',
|
|
500: '#607D8B',
|
|
DEFAULT: '#607D8B',
|
|
600: '#546E7A',
|
|
700: '#455A64',
|
|
800: '#37474F',
|
|
900: '#263238',
|
|
A100: '#CFD8DC',
|
|
A200: '#B0BEC5',
|
|
A400: '#78909C',
|
|
A700: '#455A64'
|
|
},
|
|
cyan: {
|
|
50: '#E0F7FA',
|
|
100: '#B2EBF2',
|
|
200: '#80DEEA',
|
|
300: '#4DD0E1',
|
|
400: '#26C6DA',
|
|
500: '#00BCD4',
|
|
DEFAULT: '#00BCD4',
|
|
600: '#00ACC1',
|
|
700: '#0097A7',
|
|
800: '#00838F',
|
|
900: '#006064',
|
|
A100: '#84FFFF',
|
|
A200: '#18FFFF',
|
|
A400: '#00E5FF',
|
|
A700: '#00B8D4'
|
|
}
|
|
}),
|
|
columns: {
|
|
auto: 'auto',
|
|
1: '1',
|
|
2: '2',
|
|
3: '3',
|
|
4: '4',
|
|
5: '5',
|
|
6: '6',
|
|
7: '7',
|
|
8: '8',
|
|
9: '9',
|
|
10: '10',
|
|
11: '11',
|
|
12: '12',
|
|
'3xs': '16rem',
|
|
'2xs': '18rem',
|
|
xs: '32rem',
|
|
sm: '48rem',
|
|
md: '64rem',
|
|
lg: '80rem',
|
|
xl: '57.6rem',
|
|
'2xl': '65.6rem',
|
|
'3xl': '76.8rem',
|
|
'4xl': '89.6rem',
|
|
'5xl': '102.4rem',
|
|
'6xl': '115.2rem',
|
|
'7xl': '128rem'
|
|
},
|
|
container: {},
|
|
content: {
|
|
none: 'none'
|
|
},
|
|
contrast: {
|
|
0: '0',
|
|
50: '.5',
|
|
75: '.75',
|
|
100: '1',
|
|
125: '1.25',
|
|
150: '1.5',
|
|
200: '2'
|
|
},
|
|
cursor: {
|
|
auto: 'auto',
|
|
default: 'default',
|
|
pointer: 'pointer',
|
|
wait: 'wait',
|
|
text: 'text',
|
|
move: 'move',
|
|
help: 'help',
|
|
'not-allowed': 'not-allowed',
|
|
none: 'none',
|
|
'context-menu': 'context-menu',
|
|
progress: 'progress',
|
|
cell: 'cell',
|
|
crosshair: 'crosshair',
|
|
'vertical-text': 'vertical-text',
|
|
alias: 'alias',
|
|
copy: 'copy',
|
|
'no-drop': 'no-drop',
|
|
grab: 'grab',
|
|
grabbing: 'grabbing',
|
|
'all-scroll': 'all-scroll',
|
|
'col-resize': 'col-resize',
|
|
'row-resize': 'row-resize',
|
|
'n-resize': 'n-resize',
|
|
'e-resize': 'e-resize',
|
|
's-resize': 's-resize',
|
|
'w-resize': 'w-resize',
|
|
'ne-resize': 'ne-resize',
|
|
'nw-resize': 'nw-resize',
|
|
'se-resize': 'se-resize',
|
|
'sw-resize': 'sw-resize',
|
|
'ew-resize': 'ew-resize',
|
|
'ns-resize': 'ns-resize',
|
|
'nesw-resize': 'nesw-resize',
|
|
'nwse-resize': 'nwse-resize',
|
|
'zoom-in': 'zoom-in',
|
|
'zoom-out': 'zoom-out'
|
|
},
|
|
divideColor: ({ theme }) => theme('borderColor'),
|
|
divideOpacity: ({ theme }) => theme('borderOpacity'),
|
|
divideWidth: ({ theme }) => theme('borderWidth'),
|
|
dropShadow: {
|
|
sm: '0 1px 1px rgba(0,0,0,0.05)',
|
|
DEFAULT: ['0 1px 2px rgba(0, 0, 0, 0.1)', '0 1px 1px rgba(0, 0, 0, 0.06)'],
|
|
md: ['0 4px 3px rgba(0, 0, 0, 0.07)', '0 2px 2px rgba(0, 0, 0, 0.06)'],
|
|
lg: ['0 10px 8px rgba(0, 0, 0, 0.04)', '0 4px 3px rgba(0, 0, 0, 0.1)'],
|
|
xl: ['0 20px 13px rgba(0, 0, 0, 0.03)', '0 8px 5px rgba(0, 0, 0, 0.08)'],
|
|
'2xl': '0 25px 25px rgba(0, 0, 0, 0.15)',
|
|
none: '0 0 #0000'
|
|
},
|
|
fill: ({ theme }) => ({
|
|
none: 'none',
|
|
...theme('colors')
|
|
}),
|
|
flex: {
|
|
1: '1 1 0%',
|
|
auto: '1 1 auto',
|
|
initial: '0 1 auto',
|
|
none: 'none'
|
|
},
|
|
flexBasis: ({ theme }) => ({
|
|
auto: 'auto',
|
|
...theme('spacing'),
|
|
'1/2': '50%',
|
|
'1/3': '33.333333%',
|
|
'2/3': '66.666667%',
|
|
'1/4': '25%',
|
|
'2/4': '50%',
|
|
'3/4': '75%',
|
|
'1/5': '20%',
|
|
'2/5': '40%',
|
|
'3/5': '60%',
|
|
'4/5': '80%',
|
|
'1/6': '16.666667%',
|
|
'2/6': '33.333333%',
|
|
'3/6': '50%',
|
|
'4/6': '66.666667%',
|
|
'5/6': '83.333333%',
|
|
'1/12': '8.333333%',
|
|
'2/12': '16.666667%',
|
|
'3/12': '25%',
|
|
'4/12': '33.333333%',
|
|
'5/12': '41.666667%',
|
|
'6/12': '50%',
|
|
'7/12': '58.333333%',
|
|
'8/12': '66.666667%',
|
|
'9/12': '75%',
|
|
'10/12': '83.333333%',
|
|
'11/12': '91.666667%',
|
|
full: '100%'
|
|
}),
|
|
flexGrow: {
|
|
0: '0',
|
|
DEFAULT: '1'
|
|
},
|
|
flexShrink: {
|
|
0: '0',
|
|
DEFAULT: '1'
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
'Inter var',
|
|
'Roboto',
|
|
'-apple-system',
|
|
'BlinkMacSystemFont',
|
|
'"Segoe UI"',
|
|
'Roboto',
|
|
'"Helvetica Neue"',
|
|
'Arial',
|
|
'"Noto Sans"',
|
|
'sans-serif',
|
|
'"Apple Color Emoji"',
|
|
'"Segoe UI Emoji"',
|
|
'"Segoe UI Symbol"',
|
|
'"Noto Color Emoji"'
|
|
],
|
|
serif: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'],
|
|
mono: [
|
|
'ui-monospace',
|
|
'SFMono-Regular',
|
|
'Menlo',
|
|
'Monaco',
|
|
'Consolas',
|
|
'"Liberation Mono"',
|
|
'"Courier New"',
|
|
'monospace'
|
|
]
|
|
},
|
|
fontSize: {
|
|
xs: '1rem',
|
|
sm: '1.2rem',
|
|
md: '1.3rem',
|
|
base: '1.4rem',
|
|
lg: '1.6rem',
|
|
xl: '1.8rem',
|
|
'2xl': '2rem',
|
|
'3xl': '2.4rem',
|
|
'4xl': '3.2rem',
|
|
'5xl': '3.6rem',
|
|
'6xl': '4rem',
|
|
'7xl': '4.8rem',
|
|
'8xl': '6.4rem',
|
|
'9xl': '9.6rem',
|
|
'10xl': '12.8rem',
|
|
10: ['1rem'],
|
|
11: ['1.1rem'],
|
|
12: ['1.2rem'],
|
|
13: ['1.3rem'],
|
|
14: ['1.4rem'],
|
|
15: ['1.5rem'],
|
|
16: ['1.6rem'],
|
|
17: ['1.7rem'],
|
|
18: ['1.8rem'],
|
|
19: ['1.9rem'],
|
|
20: ['2rem'],
|
|
24: ['2.4rem'],
|
|
28: ['2.8rem'],
|
|
32: ['3.2rem'],
|
|
36: ['3.6rem'],
|
|
40: ['4rem'],
|
|
44: ['4.4rem'],
|
|
48: ['4.8rem'],
|
|
52: ['5.2rem'],
|
|
56: ['5.6rem'],
|
|
60: ['6rem'],
|
|
64: ['6.4rem'],
|
|
68: ['6.8rem'],
|
|
72: ['7.2rem'],
|
|
96: ['9.6rem'],
|
|
128: ['12.8rem']
|
|
},
|
|
fontWeight: {
|
|
thin: '100',
|
|
extralight: '200',
|
|
light: '300',
|
|
normal: '400',
|
|
medium: '500',
|
|
semibold: '600',
|
|
bold: '700',
|
|
extrabold: '800',
|
|
black: '900',
|
|
100: '100',
|
|
200: '200',
|
|
300: '300',
|
|
400: '400',
|
|
500: '500',
|
|
600: '600',
|
|
700: '700',
|
|
800: '800',
|
|
900: '900'
|
|
},
|
|
gap: ({ theme }) => theme('spacing'),
|
|
gradientColorStops: ({ theme }) => theme('colors'),
|
|
gradientColorStopPositions: {
|
|
'0%': '0%',
|
|
'5%': '5%',
|
|
'10%': '10%',
|
|
'15%': '15%',
|
|
'20%': '20%',
|
|
'25%': '25%',
|
|
'30%': '30%',
|
|
'35%': '35%',
|
|
'40%': '40%',
|
|
'45%': '45%',
|
|
'50%': '50%',
|
|
'55%': '55%',
|
|
'60%': '60%',
|
|
'65%': '65%',
|
|
'70%': '70%',
|
|
'75%': '75%',
|
|
'80%': '80%',
|
|
'85%': '85%',
|
|
'90%': '90%',
|
|
'95%': '95%',
|
|
'100%': '100%'
|
|
},
|
|
grayscale: {
|
|
0: '0',
|
|
DEFAULT: '100%'
|
|
},
|
|
gridAutoColumns: {
|
|
auto: 'auto',
|
|
min: 'min-content',
|
|
max: 'max-content',
|
|
fr: 'minmax(0, 1fr)'
|
|
},
|
|
gridAutoRows: {
|
|
auto: 'auto',
|
|
min: 'min-content',
|
|
max: 'max-content',
|
|
fr: 'minmax(0, 1fr)'
|
|
},
|
|
gridColumn: {
|
|
auto: 'auto',
|
|
'span-1': 'span 1 / span 1',
|
|
'span-2': 'span 2 / span 2',
|
|
'span-3': 'span 3 / span 3',
|
|
'span-4': 'span 4 / span 4',
|
|
'span-5': 'span 5 / span 5',
|
|
'span-6': 'span 6 / span 6',
|
|
'span-7': 'span 7 / span 7',
|
|
'span-8': 'span 8 / span 8',
|
|
'span-9': 'span 9 / span 9',
|
|
'span-10': 'span 10 / span 10',
|
|
'span-11': 'span 11 / span 11',
|
|
'span-12': 'span 12 / span 12',
|
|
'span-full': '1 / -1'
|
|
},
|
|
gridColumnEnd: {
|
|
auto: 'auto',
|
|
1: '1',
|
|
2: '2',
|
|
3: '3',
|
|
4: '4',
|
|
5: '5',
|
|
6: '6',
|
|
7: '7',
|
|
8: '8',
|
|
9: '9',
|
|
10: '10',
|
|
11: '11',
|
|
12: '12',
|
|
13: '13'
|
|
},
|
|
gridColumnStart: {
|
|
auto: 'auto',
|
|
1: '1',
|
|
2: '2',
|
|
3: '3',
|
|
4: '4',
|
|
5: '5',
|
|
6: '6',
|
|
7: '7',
|
|
8: '8',
|
|
9: '9',
|
|
10: '10',
|
|
11: '11',
|
|
12: '12',
|
|
13: '13'
|
|
},
|
|
gridRow: {
|
|
auto: 'auto',
|
|
'span-1': 'span 1 / span 1',
|
|
'span-2': 'span 2 / span 2',
|
|
'span-3': 'span 3 / span 3',
|
|
'span-4': 'span 4 / span 4',
|
|
'span-5': 'span 5 / span 5',
|
|
'span-6': 'span 6 / span 6',
|
|
'span-full': '1 / -1'
|
|
},
|
|
gridRowEnd: {
|
|
auto: 'auto',
|
|
1: '1',
|
|
2: '2',
|
|
3: '3',
|
|
4: '4',
|
|
5: '5',
|
|
6: '6',
|
|
7: '7'
|
|
},
|
|
gridRowStart: {
|
|
auto: 'auto',
|
|
1: '1',
|
|
2: '2',
|
|
3: '3',
|
|
4: '4',
|
|
5: '5',
|
|
6: '6',
|
|
7: '7'
|
|
},
|
|
gridTemplateColumns: {
|
|
none: 'none',
|
|
1: 'repeat(1, minmax(0, 1fr))',
|
|
2: 'repeat(2, minmax(0, 1fr))',
|
|
3: 'repeat(3, minmax(0, 1fr))',
|
|
4: 'repeat(4, minmax(0, 1fr))',
|
|
5: 'repeat(5, minmax(0, 1fr))',
|
|
6: 'repeat(6, minmax(0, 1fr))',
|
|
7: 'repeat(7, minmax(0, 1fr))',
|
|
8: 'repeat(8, minmax(0, 1fr))',
|
|
9: 'repeat(9, minmax(0, 1fr))',
|
|
10: 'repeat(10, minmax(0, 1fr))',
|
|
11: 'repeat(11, minmax(0, 1fr))',
|
|
12: 'repeat(12, minmax(0, 1fr))'
|
|
},
|
|
gridTemplateRows: {
|
|
none: 'none',
|
|
1: 'repeat(1, minmax(0, 1fr))',
|
|
2: 'repeat(2, minmax(0, 1fr))',
|
|
3: 'repeat(3, minmax(0, 1fr))',
|
|
4: 'repeat(4, minmax(0, 1fr))',
|
|
5: 'repeat(5, minmax(0, 1fr))',
|
|
6: 'repeat(6, minmax(0, 1fr))'
|
|
},
|
|
height: ({ theme }) => ({
|
|
auto: 'auto',
|
|
...theme('spacing'),
|
|
'1/2': '50%',
|
|
'1/3': '33.333333%',
|
|
'2/3': '66.666667%',
|
|
'1/4': '25%',
|
|
'2/4': '50%',
|
|
'3/4': '75%',
|
|
'1/5': '20%',
|
|
'2/5': '40%',
|
|
'3/5': '60%',
|
|
'4/5': '80%',
|
|
'1/6': '16.666667%',
|
|
'2/6': '33.333333%',
|
|
'3/6': '50%',
|
|
'4/6': '66.666667%',
|
|
'5/6': '83.333333%',
|
|
full: '100%',
|
|
screen: '100vh',
|
|
min: 'min-content',
|
|
max: 'max-content',
|
|
fit: 'fit-content'
|
|
}),
|
|
hueRotate: {
|
|
'-180': '-180deg',
|
|
'-90': '-90deg',
|
|
'-60': '-60deg',
|
|
'-30': '-30deg',
|
|
'-15': '-15deg',
|
|
0: '0deg',
|
|
15: '15deg',
|
|
30: '30deg',
|
|
60: '60deg',
|
|
90: '90deg',
|
|
180: '180deg'
|
|
},
|
|
inset: (theme, { negative }) => ({
|
|
auto: 'auto',
|
|
...theme('spacing'),
|
|
...negative(theme('spacing')),
|
|
'1/2': '50%',
|
|
'1/3': '33.333333%',
|
|
'2/3': '66.666667%',
|
|
'1/4': '25%',
|
|
'2/4': '50%',
|
|
'3/4': '75%',
|
|
full: '100%',
|
|
'-1/2': '-50%',
|
|
'-1/3': '-33.333333%',
|
|
'-2/3': '-66.666667%',
|
|
'-1/4': '-25%',
|
|
'-2/4': '-50%',
|
|
'-3/4': '-75%',
|
|
'-full': '-100%'
|
|
}),
|
|
invert: {
|
|
0: '0',
|
|
DEFAULT: '100%'
|
|
},
|
|
keyframes: {
|
|
spin: {
|
|
to: {
|
|
transform: 'rotate(360deg)'
|
|
}
|
|
},
|
|
ping: {
|
|
'75%, 100%': {
|
|
transform: 'scale(2)',
|
|
opacity: '0'
|
|
}
|
|
},
|
|
pulse: {
|
|
'50%': {
|
|
opacity: '.5'
|
|
}
|
|
},
|
|
bounce: {
|
|
'0%, 100%': {
|
|
transform: 'translateY(-25%)',
|
|
animationTimingFunction: 'cubic-bezier(0.8,0,1,1)'
|
|
},
|
|
'50%': {
|
|
transform: 'none',
|
|
animationTimingFunction: 'cubic-bezier(0,0,0.2,1)'
|
|
}
|
|
}
|
|
},
|
|
letterSpacing: {
|
|
tighter: '-0.05em',
|
|
tight: '-0.025em',
|
|
normal: '0em',
|
|
wide: '0.025em',
|
|
wider: '0.05em',
|
|
widest: '0.1em'
|
|
},
|
|
lineHeight: {
|
|
none: '1',
|
|
tight: '1.25',
|
|
snug: '1.375',
|
|
normal: '1.5',
|
|
relaxed: '1.625',
|
|
loose: '2',
|
|
3: '1.2rem',
|
|
4: '1.6rem',
|
|
5: '2rem',
|
|
6: '2.4rem',
|
|
7: '2.8rem',
|
|
8: '3.2rem',
|
|
9: '3.6rem',
|
|
10: '4rem'
|
|
},
|
|
listStyleType: {
|
|
none: 'none',
|
|
disc: 'disc',
|
|
decimal: 'decimal'
|
|
},
|
|
listStyleImage: {
|
|
none: 'none'
|
|
},
|
|
margin: (theme, { negative }) => ({
|
|
auto: 'auto',
|
|
...theme('spacing'),
|
|
...negative(theme('spacing'))
|
|
}),
|
|
lineClamp: {
|
|
1: '1',
|
|
2: '2',
|
|
3: '3',
|
|
4: '4',
|
|
5: '5',
|
|
6: '6'
|
|
},
|
|
maxHeight: ({ theme }) => ({
|
|
none: 'none',
|
|
...theme('spacing'),
|
|
full: '100%',
|
|
screen: '100vh',
|
|
min: 'min-content',
|
|
max: 'max-content',
|
|
fit: 'fit-content',
|
|
auto: 'auto'
|
|
}),
|
|
maxWidth: (theme, { breakpoints }) => ({
|
|
none: 'none',
|
|
...theme('spacing'),
|
|
full: '100%',
|
|
min: 'min-content',
|
|
max: 'max-content',
|
|
fit: 'fit-content',
|
|
prose: '65ch',
|
|
...breakpoints(theme('screens'))
|
|
}),
|
|
minHeight: ({ theme }) => ({
|
|
auto: 'auto',
|
|
...theme('spacing'),
|
|
full: '100%',
|
|
screen: '100vh',
|
|
min: 'min-content',
|
|
max: 'max-content',
|
|
fit: 'fit-content'
|
|
}),
|
|
minWidth: ({ theme }) => ({
|
|
...theme('spacing'),
|
|
full: '100%',
|
|
min: 'min-content',
|
|
max: 'max-content',
|
|
screen: '100vw',
|
|
fit: 'fit-content'
|
|
}),
|
|
objectPosition: {
|
|
bottom: 'bottom',
|
|
center: 'center',
|
|
left: 'left',
|
|
'left-bottom': 'left bottom',
|
|
'left-top': 'left top',
|
|
right: 'right',
|
|
'right-bottom': 'right bottom',
|
|
'right-top': 'right top',
|
|
top: 'top'
|
|
},
|
|
opacity: {
|
|
0: '0',
|
|
5: '0.05',
|
|
10: '0.1',
|
|
20: '0.2',
|
|
25: '0.25',
|
|
30: '0.3',
|
|
40: '0.4',
|
|
50: '0.5',
|
|
60: '0.6',
|
|
70: '0.7',
|
|
75: '0.75',
|
|
80: '0.8',
|
|
90: '0.9',
|
|
95: '0.95',
|
|
100: '1'
|
|
},
|
|
order: {
|
|
first: '-9999',
|
|
last: '9999',
|
|
none: '0',
|
|
1: '1',
|
|
2: '2',
|
|
3: '3',
|
|
4: '4',
|
|
5: '5',
|
|
6: '6',
|
|
7: '7',
|
|
8: '8',
|
|
9: '9',
|
|
10: '10',
|
|
11: '11',
|
|
12: '12'
|
|
},
|
|
outlineColor: ({ theme }) => theme('colors'),
|
|
outlineOffset: {
|
|
0: '0px',
|
|
1: '1px',
|
|
2: '2px',
|
|
4: '4px',
|
|
8: '8px'
|
|
},
|
|
outlineWidth: {
|
|
0: '0px',
|
|
1: '1px',
|
|
2: '2px',
|
|
4: '4px',
|
|
8: '8px'
|
|
},
|
|
padding: ({ theme }) => theme('spacing'),
|
|
placeholderColor: ({ theme }) => theme('colors'),
|
|
placeholderOpacity: ({ theme }) => theme('opacity'),
|
|
ringColor: ({ theme }) => ({
|
|
DEFAULT: theme('colors.blue.500', '#3b82f6'),
|
|
...theme('colors')
|
|
}),
|
|
ringOffsetColor: ({ theme }) => theme('colors'),
|
|
ringOffsetWidth: {
|
|
0: '0px',
|
|
1: '1px',
|
|
2: '2px',
|
|
4: '4px',
|
|
8: '8px'
|
|
},
|
|
ringOpacity: ({ theme }) => ({
|
|
DEFAULT: '0.5',
|
|
...theme('opacity')
|
|
}),
|
|
ringWidth: {
|
|
DEFAULT: '3px',
|
|
0: '0px',
|
|
1: '1px',
|
|
2: '2px',
|
|
4: '4px',
|
|
8: '8px'
|
|
},
|
|
rotate: {
|
|
'-180': '-180deg',
|
|
'-90': '-90deg',
|
|
'-45': '-45deg',
|
|
'-12': '-12deg',
|
|
'-6': '-6deg',
|
|
'-3': '-3deg',
|
|
'-2': '-2deg',
|
|
'-1': '-1deg',
|
|
0: '0deg',
|
|
1: '1deg',
|
|
2: '2deg',
|
|
3: '3deg',
|
|
6: '6deg',
|
|
12: '12deg',
|
|
45: '45deg',
|
|
90: '90deg',
|
|
180: '180deg'
|
|
},
|
|
saturate: {
|
|
0: '0',
|
|
50: '.5',
|
|
100: '1',
|
|
150: '1.5',
|
|
200: '2'
|
|
},
|
|
scale: {
|
|
0: '0',
|
|
50: '.5',
|
|
75: '.75',
|
|
90: '.9',
|
|
95: '.95',
|
|
100: '1',
|
|
105: '1.05',
|
|
110: '1.1',
|
|
125: '1.25',
|
|
150: '1.5'
|
|
},
|
|
screens: {
|
|
sm: '600px',
|
|
md: '960px',
|
|
lg: '1280px',
|
|
xl: '1920px',
|
|
print: { raw: 'print' }
|
|
},
|
|
scrollMargin: ({ theme }) => ({
|
|
...theme('spacing')
|
|
}),
|
|
scrollPadding: ({ theme }) => theme('spacing'),
|
|
sepia: {
|
|
0: '0',
|
|
DEFAULT: '100%'
|
|
},
|
|
skew: {
|
|
'-12': '-12deg',
|
|
'-6': '-6deg',
|
|
'-3': '-3deg',
|
|
'-2': '-2deg',
|
|
'-1': '-1deg',
|
|
0: '0deg',
|
|
1: '1deg',
|
|
2: '2deg',
|
|
3: '3deg',
|
|
6: '6deg',
|
|
12: '12deg'
|
|
},
|
|
space: (theme, { negative }) => ({
|
|
...theme('spacing'),
|
|
...negative(theme('spacing'))
|
|
}),
|
|
spacing: {
|
|
xs: '32rem',
|
|
sm: '48rem',
|
|
md: '64rem',
|
|
lg: '80rem',
|
|
xl: '96rem',
|
|
'2xl': '65.6rem',
|
|
'3xl': '76.8rem',
|
|
'4xl': '89.6rem',
|
|
'5xl': '102.4rem',
|
|
'6xl': '115.2rem',
|
|
'7xl': '128rem',
|
|
px: '1px',
|
|
0: '0px',
|
|
0.5: '0.05rem',
|
|
1: '0.1rem',
|
|
1.5: '0.15rem',
|
|
2: '0.2rem',
|
|
2.5: '0.25rem',
|
|
3: '0.3rem',
|
|
3.5: '0.35rem',
|
|
4: '0.4rem',
|
|
5: '0.5rem',
|
|
6: '0.6rem',
|
|
7: '0.7rem',
|
|
8: '0.8rem',
|
|
9: '0.9rem',
|
|
10: '1.0rem',
|
|
11: '1.1rem',
|
|
12: '1.2rem',
|
|
14: '1.4rem',
|
|
16: '1.6rem',
|
|
20: '2rem',
|
|
24: '2.4rem',
|
|
28: '2.8rem',
|
|
32: '3.2rem',
|
|
36: '3.6rem',
|
|
40: '4rem',
|
|
44: '4.4rem',
|
|
48: '4.8rem',
|
|
52: '5.2rem',
|
|
56: '5.6rem',
|
|
60: '6rem',
|
|
64: '6.4rem',
|
|
68: '6.8rem',
|
|
72: '7.2rem',
|
|
76: '7.6rem',
|
|
80: '8rem',
|
|
84: '8.4rem',
|
|
88: '8.8rem',
|
|
92: '9.2rem',
|
|
96: '9.6rem',
|
|
112: '11.2rem',
|
|
120: '12rem',
|
|
128: '12.8rem',
|
|
136: '13.6rem',
|
|
144: '14.4rem',
|
|
160: '16rem',
|
|
192: '19.2rem',
|
|
200: '20rem',
|
|
208: '20.8rem',
|
|
216: '21.6rem',
|
|
224: '22.4rem',
|
|
256: '25.6rem',
|
|
288: '28.8rem',
|
|
320: '32rem',
|
|
360: '36rem',
|
|
384: '38.4rem',
|
|
400: '40rem',
|
|
480: '48rem',
|
|
512: '51.2rem',
|
|
640: '64rem'
|
|
},
|
|
stroke: ({ theme }) => ({
|
|
none: 'none',
|
|
...theme('colors')
|
|
}),
|
|
strokeWidth: {
|
|
0: '0',
|
|
1: '1',
|
|
2: '2'
|
|
},
|
|
supports: {},
|
|
data: {},
|
|
textColor: ({ theme }) => theme('colors'),
|
|
textDecorationColor: ({ theme }) => theme('colors'),
|
|
textDecorationThickness: {
|
|
auto: 'auto',
|
|
'from-font': 'from-font',
|
|
0: '0px',
|
|
1: '1px',
|
|
2: '2px',
|
|
4: '4px',
|
|
8: '8px'
|
|
},
|
|
textIndent: ({ theme }) => ({
|
|
...theme('spacing')
|
|
}),
|
|
textOpacity: ({ theme }) => theme('opacity'),
|
|
textUnderlineOffset: {
|
|
auto: 'auto',
|
|
0: '0px',
|
|
1: '1px',
|
|
2: '2px',
|
|
4: '4px',
|
|
8: '8px'
|
|
},
|
|
transformOrigin: {
|
|
center: 'center',
|
|
top: 'top',
|
|
'top-right': 'top right',
|
|
right: 'right',
|
|
'bottom-right': 'bottom right',
|
|
bottom: 'bottom',
|
|
'bottom-left': 'bottom left',
|
|
left: 'left',
|
|
'top-left': 'top left'
|
|
},
|
|
transitionDelay: {
|
|
0: '0s',
|
|
75: '75ms',
|
|
100: '100ms',
|
|
150: '150ms',
|
|
200: '200ms',
|
|
300: '300ms',
|
|
500: '500ms',
|
|
700: '700ms',
|
|
1000: '1000ms'
|
|
},
|
|
transitionDuration: {
|
|
DEFAULT: '150ms',
|
|
0: '0s',
|
|
75: '75ms',
|
|
100: '100ms',
|
|
150: '150ms',
|
|
200: '200ms',
|
|
300: '300ms',
|
|
500: '500ms',
|
|
700: '700ms',
|
|
1000: '1000ms'
|
|
},
|
|
transitionProperty: {
|
|
none: 'none',
|
|
all: 'all',
|
|
DEFAULT:
|
|
'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
|
|
colors: 'color, background-color, border-color, text-decoration-color, fill, stroke',
|
|
opacity: 'opacity',
|
|
shadow: 'box-shadow',
|
|
transform: 'transform'
|
|
},
|
|
transitionTimingFunction: {
|
|
DEFAULT: 'cubic-bezier(0.4, 0, 0.2, 1)',
|
|
linear: 'linear',
|
|
in: 'cubic-bezier(0.4, 0, 1, 1)',
|
|
out: 'cubic-bezier(0, 0, 0.2, 1)',
|
|
'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)'
|
|
},
|
|
translate: (theme, { negative }) => ({
|
|
...theme('spacing'),
|
|
...negative(theme('spacing')),
|
|
'1/2': '50%',
|
|
'1/3': '33.333333%',
|
|
'2/3': '66.666667%',
|
|
'1/4': '25%',
|
|
'2/4': '50%',
|
|
'3/4': '75%',
|
|
full: '100%',
|
|
'-1/2': '-50%',
|
|
'-1/3': '-33.333333%',
|
|
'-2/3': '-66.666667%',
|
|
'-1/4': '-25%',
|
|
'-2/4': '-50%',
|
|
'-3/4': '-75%',
|
|
'-full': '-100%'
|
|
}),
|
|
width: ({ theme }) => ({
|
|
auto: 'auto',
|
|
...theme('spacing'),
|
|
'1/2': '50%',
|
|
'1/3': '33.333333%',
|
|
'2/3': '66.666667%',
|
|
'1/4': '25%',
|
|
'2/4': '50%',
|
|
'3/4': '75%',
|
|
'1/5': '20%',
|
|
'2/5': '40%',
|
|
'3/5': '60%',
|
|
'4/5': '80%',
|
|
'1/6': '16.666667%',
|
|
'2/6': '33.333333%',
|
|
'3/6': '50%',
|
|
'4/6': '66.666667%',
|
|
'5/6': '83.333333%',
|
|
'1/12': '8.333333%',
|
|
'2/12': '16.666667%',
|
|
'3/12': '25%',
|
|
'4/12': '33.333333%',
|
|
'5/12': '41.666667%',
|
|
'6/12': '50%',
|
|
'7/12': '58.333333%',
|
|
'8/12': '66.666667%',
|
|
'9/12': '75%',
|
|
'10/12': '83.333333%',
|
|
'11/12': '91.666667%',
|
|
full: '100%',
|
|
screen: '100vw',
|
|
min: 'min-content',
|
|
max: 'max-content',
|
|
fit: 'fit-content'
|
|
}),
|
|
willChange: {
|
|
auto: 'auto',
|
|
scroll: 'scroll-position',
|
|
contents: 'contents',
|
|
transform: 'transform'
|
|
},
|
|
zIndex: {
|
|
auto: 'auto',
|
|
'-1': -1,
|
|
0: '0',
|
|
10: '10',
|
|
20: '20',
|
|
30: '30',
|
|
40: '40',
|
|
50: '50',
|
|
99: '99',
|
|
999: '999',
|
|
9999: '9999'
|
|
},
|
|
extend: {
|
|
// @tailwindcss/typography
|
|
typography: ({ theme }) => ({
|
|
DEFAULT: {
|
|
css: {
|
|
fontSize: '1.4rem'
|
|
}
|
|
},
|
|
sm: {
|
|
css: {
|
|
fontSize: '1.2rem'
|
|
}
|
|
},
|
|
lg: {
|
|
css: {
|
|
fontSize: '1.6rem'
|
|
}
|
|
}
|
|
})
|
|
}
|
|
},
|
|
variantOrder: [
|
|
'first',
|
|
'last',
|
|
'odd',
|
|
'even',
|
|
'visited',
|
|
'checked',
|
|
'empty',
|
|
'read-only',
|
|
'group-hover',
|
|
'group-focus',
|
|
'focus-within',
|
|
'hover',
|
|
'focus',
|
|
'focus-visible',
|
|
'active',
|
|
'disabled'
|
|
],
|
|
plugins: [
|
|
// eslint-disable-next-line import/no-dynamic-require
|
|
require(path.resolve(__dirname, 'src/@fuse/tailwind/plugins/icon-size')),
|
|
// Other third party and/or custom plugins
|
|
require('@tailwindcss/typography')({ modifiers: ['sm', 'lg'] }),
|
|
require('@tailwindcss/aspect-ratio')
|
|
]
|
|
};
|