plebdevs/tailwind.config.js
2024-09-12 12:07:38 -05:00

55 lines
1.2 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")
],
}