misc_pterodactyl-panel/tailwind.config.js

51 lines
1.3 KiB
JavaScript
Raw Normal View History

const colors = require('tailwindcss/colors');
const gray = {
50: 'hsl(216, 33%, 97%)',
100: 'hsl(214, 15%, 91%)',
200: 'hsl(210, 16%, 82%)',
300: 'hsl(211, 13%, 65%)',
400: 'hsl(211, 10%, 53%)',
500: 'hsl(211, 12%, 43%)',
600: 'hsl(209, 14%, 37%)',
700: 'hsl(209, 18%, 30%)',
800: 'hsl(209, 20%, 25%)',
900: 'hsl(210, 24%, 16%)',
};
module.exports = {
content: [
'./resources/scripts/**/*.{js,ts,tsx}',
],
theme: {
2020-07-04 16:28:03 +00:00
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,
},
2020-07-04 16:28:03 +00:00
fontSize: {
'2xs': '0.625rem',
},
2020-07-04 17:15:06 +00:00
transitionDuration: {
250: '250ms',
},
2020-07-04 16:28:03 +00:00
borderColor: theme => ({
2020-12-26 17:50:09 +00:00
default: theme('colors.neutral.400', 'currentColor'),
2020-07-04 16:28:03 +00:00
}),
},
},
plugins: [
require('@tailwindcss/forms')({
strategy: 'class',
}),
]
};