44 lines
1.1 KiB
JavaScript
44 lines
1.1 KiB
JavaScript
import typography from '@tailwindcss/typography';
|
|
import containerQuries from '@tailwindcss/container-queries';
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
darkMode: 'class',
|
|
content: ['./src/**/*.{html,js,svelte,ts}'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
gray: {
|
|
50: 'var(--color-gray-50, #f9f9f9)',
|
|
100: 'var(--color-gray-100, #ececec)',
|
|
200: 'var(--color-gray-200, #e3e3e3)',
|
|
300: 'var(--color-gray-300, #cdcdcd)',
|
|
400: 'var(--color-gray-400, #b4b4b4)',
|
|
500: 'var(--color-gray-500, #9b9b9b)',
|
|
600: 'var(--color-gray-600, #676767)',
|
|
700: 'var(--color-gray-700, #4e4e4e)',
|
|
800: 'var(--color-gray-800, #333)',
|
|
850: 'var(--color-gray-850, #262626)',
|
|
900: 'var(--color-gray-900, #171717)',
|
|
950: 'var(--color-gray-950, #0d0d0d)'
|
|
}
|
|
},
|
|
typography: {
|
|
DEFAULT: {
|
|
css: {
|
|
pre: false,
|
|
code: false,
|
|
'pre code': false,
|
|
'code::before': false,
|
|
'code::after': false
|
|
}
|
|
}
|
|
},
|
|
padding: {
|
|
'safe-bottom': 'env(safe-area-inset-bottom)'
|
|
}
|
|
}
|
|
},
|
|
plugins: [typography, containerQuries]
|
|
};
|