64 lines
1.8 KiB
JavaScript
64 lines
1.8 KiB
JavaScript
const colors = require('tailwindcss/colors');
|
|
|
|
const gray = {
|
|
50: colors.neutral[50],
|
|
100: colors.neutral[100],
|
|
200: colors.neutral[200],
|
|
300: colors.neutral[300],
|
|
400: colors.neutral[400],
|
|
500: colors.neutral[500],
|
|
600: colors.neutral[600],
|
|
700: colors.neutral[700],
|
|
800: colors.neutral[800],
|
|
900: colors.neutral[900],
|
|
};
|
|
|
|
module.exports = {
|
|
content: [
|
|
'./resources/scripts/**/*.{js,ts,tsx}',
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
header: ['"IBM Plex Sans"', '"Roboto"', 'system-ui', 'sans-serif'],
|
|
},
|
|
colors: {
|
|
black: '#131a20',
|
|
// "primary" and "neutral" are deprecated, prefer the use of "blue" and "gray"
|
|
// in new code.
|
|
primary: colors.blue,
|
|
gray: gray,
|
|
neutral: gray,
|
|
cyan: colors.cyan,
|
|
neutral: {
|
|
50: colors.neutral[50],
|
|
100: colors.neutral[100],
|
|
200: colors.neutral[200],
|
|
300: colors.neutral[300],
|
|
400: colors.neutral[400],
|
|
500: colors.neutral[500],
|
|
600: colors.neutral[600],
|
|
700: '#17171B',
|
|
800: '#212121',
|
|
900: '#121212',
|
|
}
|
|
},
|
|
fontSize: {
|
|
'2xs': '0.625rem',
|
|
},
|
|
transitionDuration: {
|
|
250: '250ms',
|
|
},
|
|
borderColor: theme => ({
|
|
default: theme('colors.neutral.400', 'currentColor'),
|
|
}),
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/line-clamp'),
|
|
require('@tailwindcss/forms')({
|
|
strategy: 'class',
|
|
}),
|
|
]
|
|
};
|