mirror of
https://github.com/lucasrcsantana/story-generator.git
synced 2025-12-16 21:37:51 +00:00
9b023e7ef9
- Adiciona componente Footer reutiliz��vel para todas as Landing Pages - Cria componentes PlanForParents e PlanForSchools - Implementa os novos componentes nas p��ginas existentes - Melhora a organiza����o e reutiliza����o de c��digo - Atualiza CHANGELOG.md com as altera����es
88 lines
2.5 KiB
JavaScript
88 lines
2.5 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Inter', 'sans-serif'],
|
|
},
|
|
colors: {
|
|
purple: {
|
|
50: '#f5f3ff',
|
|
100: '#ede9fe',
|
|
200: '#ddd6fe',
|
|
300: '#c4b5fd',
|
|
400: '#a78bfa',
|
|
500: '#8b5cf6',
|
|
600: '#7c3aed',
|
|
700: '#6d28d9',
|
|
800: '#5b21b6',
|
|
900: '#4c1d95',
|
|
},
|
|
blue: {
|
|
50: '#eff6ff',
|
|
100: '#dbeafe',
|
|
200: '#bfdbfe',
|
|
300: '#93c5fd',
|
|
400: '#60a5fa',
|
|
500: '#3b82f6',
|
|
600: '#2563eb',
|
|
700: '#1d4ed8',
|
|
800: '#1e40af',
|
|
900: '#1e3a8a',
|
|
},
|
|
},
|
|
animation: {
|
|
'in': 'in 200ms ease-in',
|
|
'out': 'out 200ms ease-out',
|
|
'slide-in-from-top': 'slide-in-from-top 200ms ease-out',
|
|
'slide-in-from-bottom': 'slide-in-from-bottom 200ms ease-out',
|
|
'slide-out-to-right': 'slide-out-to-right 200ms ease-out',
|
|
'fade-in': 'fade-in 200ms ease-in',
|
|
'fade-out': 'fade-out 200ms ease-out',
|
|
'scale-in': 'scale-in 200ms ease-out',
|
|
'scale-out': 'scale-out 200ms ease-in',
|
|
},
|
|
keyframes: {
|
|
in: {
|
|
'0%': { transform: 'translateX(100%)' },
|
|
'100%': { transform: 'translateX(0)' },
|
|
},
|
|
out: {
|
|
'0%': { transform: 'translateX(0)' },
|
|
'100%': { transform: 'translateX(100%)' },
|
|
},
|
|
'slide-in-from-top': {
|
|
'0%': { transform: 'translateY(-100%)' },
|
|
'100%': { transform: 'translateY(0)' },
|
|
},
|
|
'slide-in-from-bottom': {
|
|
'0%': { transform: 'translateY(100%)' },
|
|
'100%': { transform: 'translateY(0)' },
|
|
},
|
|
'slide-out-to-right': {
|
|
'0%': { transform: 'translateX(0)' },
|
|
'100%': { transform: 'translateX(100%)' },
|
|
},
|
|
'fade-in': {
|
|
'0%': { opacity: 0 },
|
|
'100%': { opacity: 1 },
|
|
},
|
|
'fade-out': {
|
|
'0%': { opacity: 1 },
|
|
'100%': { opacity: 0 },
|
|
},
|
|
'scale-in': {
|
|
'0%': { transform: 'scale(0.95)', opacity: 0 },
|
|
'100%': { transform: 'scale(1)', opacity: 1 },
|
|
},
|
|
'scale-out': {
|
|
'0%': { transform: 'scale(1)', opacity: 1 },
|
|
'100%': { transform: 'scale(0.95)', opacity: 0 },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|