website/tailwind.config.js
2024-11-27 16:54:01 +03:00

62 lines
2.1 KiB
JavaScript

const colors = require('tailwindcss/colors')
const plugin = require('tailwindcss/plugin')
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{html,js,svelte,ts,md}'],
theme: {
extend: {
typography: ({ theme }) => ({
ralsei: {
css: {
'--tw-prose-body': theme('colors.ralsei.white'),
'--tw-prose-headings': theme('colors.ralsei.pink.neon'),
'--tw-prose-lead': theme('colors.ralsei.white'),
'--tw-prose-links': theme('colors.ralsei.green.light'),
'--tw-prose-bold': theme('colors.ralsei.white'),
'--tw-prose-counters': theme('colors.ralsei.pink.regular'),
'--tw-prose-bullets': theme('colors.ralsei.pink.regular'),
'--tw-prose-hr': theme('colors.ralsei.white'),
'--tw-prose-quotes': theme('colors.ralsei.white'),
'--tw-prose-quote-borders': theme('colors.ralsei.white'),
'--tw-prose-captions': theme('colors.ralsei.white'),
'--tw-prose-code': theme('colors.ralsei.pink.regular'),
'--tw-prose-pre-code': theme('colors.ralsei.white'),
'--tw-prose-pre-bg': theme('colors.ralsei.green.dark'),
'--tw-prose-th-borders': theme('colors.ralsei.white'),
'--tw-prose-td-borders': theme('colors.ralsei.white'),
},
},
}),
animation: {
'bounce-slow': 'bounce 3s infinite',
'pulse-fast': 'pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite',
'blink': 'blink 1s step-start infinite',
},
colors: {
ralsei: {
pink: {
regular: '#fe96e0',
neon: '#ff3eb7',
},
white: '#fff9fe',
black: '#000801',
green: {
light: '#4dcc8e',
dark: '#162d26',
}
}
}
},
fontFamily: {
'sans-serif': ['"Comic Sans", sans-serif'],
monospace: ['"Comic Shanns", monospace'],
}
},
plugins: [
require('@tailwindcss/typography'),
require('@tailwindcss/forms'),
],
}