60 lines
1.6 KiB
JavaScript
60 lines
1.6 KiB
JavaScript
// tailwind.config.js
|
|
module.exports = {
|
|
// Tema escuro como padrão (class strategy)
|
|
darkMode: 'class',
|
|
|
|
content: [
|
|
'./app/views/**/*.{html,html.erb,erb}',
|
|
'./app/helpers/**/*.rb',
|
|
'./app/javascript/**/*.js',
|
|
'./app/components/**/*.{rb,html,html.erb,erb}',
|
|
],
|
|
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Paleta da marca Gade Hospitalar
|
|
brand: {
|
|
preto: '#0a0a0a',
|
|
'preto-card': '#1a1a1a',
|
|
'preto-borda': '#2a2a2a',
|
|
laranja: '#f97316',
|
|
'laranja-escuro': '#ea580c',
|
|
'laranja-claro': '#fb923c',
|
|
branco: '#ffffff',
|
|
cinza: '#6b7280',
|
|
'cinza-escuro': '#374151',
|
|
},
|
|
// Semânticas
|
|
sucesso: '#22c55e',
|
|
erro: '#ef4444',
|
|
alerta: '#fbbf24',
|
|
info: '#38bdf8',
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'ui-sans-serif', 'system-ui', '-apple-system', 'sans-serif'],
|
|
mono: ['JetBrains Mono', 'ui-monospace', 'monospace'],
|
|
},
|
|
fontSize: {
|
|
// Garante mínimo 16px (desktop) / 18px (mobile implícito)
|
|
'sm': ['0.875rem', { lineHeight: '1.25rem' }],
|
|
'base':['1rem', { lineHeight: '1.5rem' }],
|
|
'lg': ['1.125rem', { lineHeight: '1.75rem' }],
|
|
'xl': ['1.25rem', { lineHeight: '1.75rem' }],
|
|
},
|
|
minHeight: {
|
|
'touch': '48px', // botões mínimo 48px (acessibilidade touch)
|
|
},
|
|
borderRadius: {
|
|
'DEFAULT': '0.5rem',
|
|
'lg': '0.75rem',
|
|
'xl': '1rem',
|
|
},
|
|
},
|
|
},
|
|
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
],
|
|
}
|