40 lines
1.0 KiB
JavaScript
40 lines
1.0 KiB
JavaScript
// tailwind.config.js
|
|
module.exports = {
|
|
content: ['./src/**/*.{js,jsx,ts,tsx}'],
|
|
theme: {
|
|
extend: {
|
|
keyframes: {
|
|
"slide-in": { from: { transform: "translateX(100%)" }, to: { transform: "translateX(0)" } },
|
|
},
|
|
animation: { "slide-in": "slide-in 0.25s ease-out forwards" },
|
|
},
|
|
},
|
|
theme: {
|
|
extend: {
|
|
/* brand colours */
|
|
colors: {
|
|
aptiva: {
|
|
DEFAULT : '#0A84FF', // primary blue
|
|
dark : '#005FCC',
|
|
light : '#3AA0FF',
|
|
accent : '#FF7C00', // accent orange
|
|
gray : '#F7FAFC', // page bg
|
|
},
|
|
},
|
|
/* fonts */
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
|
mono: ['Fira Code', 'monospace'],
|
|
},
|
|
/* radii */
|
|
borderRadius: {
|
|
xl: '1rem', // 16 px extra-round corners everywhere
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'), // prettier inputs
|
|
require('@tailwindcss/typography'), // prose-class for AI answers
|
|
],
|
|
};
|