plebdevs/tailwind.config.js
2025-04-02 17:47:30 -05:00

52 lines
1.3 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: ['class'],
content: [
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
colors: {
white: '#f8f8ff',
},
screens: {
'max-mob': {
max: '475px',
},
'max-tab': {
max: '768px',
},
'max-lap': {
max: '1440px',
},
'max-sidebar': {
max: '1285px',
},
'min-bottom-bar': {
min: '1285px',
},
},
backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
},
fontFamily: {
blinker: ['Blinker', 'sans-serif'],
},
fontSize: {
h1: ['2.25rem', { lineHeight: '2.5rem' }],
h2: ['1.75rem', { lineHeight: '2rem' }],
h3: ['1.25rem', { lineHeight: '1.75rem' }],
},
borderRadius: {
lg: 'var(--radius)',
md: 'calc(var(--radius) - 2px)',
sm: 'calc(var(--radius) - 4px)',
},
},
},
plugins: [require('@tailwindcss/typography'), require('tailwindcss-animate')],
};