84 lines
2.9 KiB
TypeScript
84 lines
2.9 KiB
TypeScript
import type { Config } from 'tailwindcss'
|
|
|
|
const safeListFile = 'safelist.txt'
|
|
|
|
// colors.indigo
|
|
const SAFELIST_COLORS = 'colors'
|
|
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}', './safelist.txt'],
|
|
safelist: [
|
|
{
|
|
// Covers most utility groups used by designer-entered class strings.
|
|
pattern:
|
|
/^(container|block|inline-block|inline-flex|hidden|absolute|relative|fixed|sticky|top-|right-|bottom-|left-|z-|w-|h-|min-w-|min-h-|max-w-|max-h-|m-|mx-|my-|mt-|mr-|mb-|ml-|p-|px-|py-|pt-|pr-|pb-|pl-|space-x-|space-y-|gap-|grid|grid-cols-|col-span-|row-span-|flex|flex-col|flex-row|flex-wrap|items-|justify-|self-|content-|overflow-|truncate|rounded|rounded-|border|border-|shadow|shadow-|text-|font-|leading-|tracking-|uppercase|lowercase|capitalize|bg-|from-|via-|to-|opacity-|backdrop-blur|transition|duration-|ease-|transform|scale-|rotate-|translate-|cursor-|select-|pointer-events-|ring-|outline-|whitespace-|break-|object-|aspect-|prose|prose-.*)$/,
|
|
variants: ['hover', 'focus', 'active', 'dark', 'sm', 'md', 'lg', 'xl', '2xl'],
|
|
},
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['"Helvetica Neue"', '"Segoe UI"', 'helvetica', 'verdana', 'sans-serif'],
|
|
},
|
|
typography: (theme) => ({
|
|
DEFAULT: {
|
|
css: {
|
|
color: theme('colors.gray.500'),
|
|
maxWidth: '65ch',
|
|
},
|
|
},
|
|
invert: {
|
|
css: {
|
|
color: theme('colors.gray.400'),
|
|
},
|
|
},
|
|
}),
|
|
colors: {
|
|
sozsoft: {
|
|
main: '#FF99C8',
|
|
secondary: '#FCF6BD',
|
|
active: '#D0F4DE',
|
|
x: '#A9DEF9',
|
|
y: '#E4C1F9',
|
|
},
|
|
},
|
|
spacing: {
|
|
'1.2': '0.35rem', // istediğin değeri yaz
|
|
'1.3': '0.40rem', // istediğin değeri yaz
|
|
'1.4': '0.45rem', // istediğin değeri yaz
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
require('./twSafelistGenerator')({
|
|
path: safeListFile,
|
|
patterns: [
|
|
`text-{${SAFELIST_COLORS}}`,
|
|
`bg-{${SAFELIST_COLORS}}`,
|
|
`dark:bg-{${SAFELIST_COLORS}}`,
|
|
`dark:hover:bg-{${SAFELIST_COLORS}}`,
|
|
`dark:active:bg-{${SAFELIST_COLORS}}`,
|
|
`hover:text-{${SAFELIST_COLORS}}`,
|
|
`hover:bg-{${SAFELIST_COLORS}}`,
|
|
`active:bg-{${SAFELIST_COLORS}}`,
|
|
`ring-{${SAFELIST_COLORS}}`,
|
|
`hover:ring-{${SAFELIST_COLORS}}`,
|
|
`focus:ring-{${SAFELIST_COLORS}}`,
|
|
`focus-within:ring-{${SAFELIST_COLORS}}`,
|
|
`border-{${SAFELIST_COLORS}}`,
|
|
`focus:border-{${SAFELIST_COLORS}}`,
|
|
`focus-within:border-{${SAFELIST_COLORS}}`,
|
|
`dark:text-{${SAFELIST_COLORS}}`,
|
|
`dark:hover:text-{${SAFELIST_COLORS}}`,
|
|
`h-{height}`,
|
|
`w-{width}`,
|
|
'ml-{margin}',
|
|
'mr-{margin}',
|
|
`sozsoft-*`,
|
|
],
|
|
}),
|
|
require('@tailwindcss/typography'),
|
|
],
|
|
} satisfies Config
|