81 lines
2.1 KiB
JavaScript
81 lines
2.1 KiB
JavaScript
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
const defaultTheme = require('tailwindcss/defaultTheme')
|
|
const plugin = require('tailwindcss/plugin')
|
|
|
|
module.exports = {
|
|
content: [
|
|
'./pages/**/*.{js,ts,jsx,tsx}',
|
|
'./components/**/*.{js,ts,jsx,tsx}',
|
|
],
|
|
theme: {
|
|
fontFamily: Object.assign(
|
|
{ ...defaultTheme.fontFamily },
|
|
{
|
|
'major-mono': ['Major Mono Display', 'monospace'],
|
|
'readex-pro': ['Readex Pro', 'sans-serif'],
|
|
}
|
|
),
|
|
extend: {
|
|
keyframes: {
|
|
progress: {
|
|
'0%': { width: '0%' },
|
|
'100%': { width: '100%' },
|
|
},
|
|
},
|
|
animation: {
|
|
'progress-loading': 'progress 2s linear',
|
|
},
|
|
colors: {
|
|
primary: '#11b981',
|
|
'primary-focus': '#069668',
|
|
warning: '#F59E0B', // amber-500 TODO: change color
|
|
error: '#ff5724', // TODO: change color
|
|
'red-25': '#FDF7F6',
|
|
'greyscale-1': '#FBFBFF',
|
|
'greyscale-1.5': '#F4F4FB',
|
|
'greyscale-2': '#E7E7F4',
|
|
'greyscale-3': '#D8D8EB',
|
|
'greyscale-4': '#B1B1C7',
|
|
'greyscale-5': '#9191A7',
|
|
'greyscale-6': '#66667C',
|
|
'greyscale-7': '#111140',
|
|
'highlight-blue': '#5BCEFF',
|
|
'hover-blue': '#90DEFF',
|
|
},
|
|
typography: {
|
|
quoteless: {
|
|
css: {
|
|
'blockquote p:first-of-type::before': { content: 'none' },
|
|
'blockquote p:first-of-type::after': { content: 'none' },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
require('@tailwindcss/typography'),
|
|
require('@tailwindcss/line-clamp'),
|
|
plugin(function ({ addUtilities }) {
|
|
addUtilities({
|
|
'.scrollbar-hide': {
|
|
/* IE and Edge */
|
|
'-ms-overflow-style': 'none',
|
|
|
|
/* Firefox */
|
|
'scrollbar-width': 'none',
|
|
|
|
/* Safari and Chrome */
|
|
'&::-webkit-scrollbar': {
|
|
display: 'none',
|
|
},
|
|
},
|
|
'.break-anywhere': {
|
|
'overflow-wrap': 'anywhere',
|
|
'word-break': 'break-word', // for Safari
|
|
},
|
|
})
|
|
}),
|
|
],
|
|
}
|