123456789101112131415161718192021222324252627282930313233343536373839404142 |
- /** @type {import('tailwindcss').Config} */
- export default {
- darkMode: false,
- content: [
- "./resources/**/*.blade.php",
- "./resources/**/*.js",
- ],
- theme: {
- extend: {
- colors: {
- babyblue: '#e9f6fb',
- babybluesecond: '#DFF2F6',
- babybluedark: '#d2ebef',
- navbarcolor: '#5a5b5e',
- },
- fontFamily: {
- 'tan-pearl': ['Tan Pearl', 'sans-serif'],
- },
- keyframes: {
- fadeUp: {
- '0%': { opacity: 0, transform: 'translateY(20px)' },
- '100%': { opacity: 1, transform: 'translateY(0)' },
- },
- },
- animation: {
- fadeUp: 'fadeUp 0.5s ease-out forwards',
- },
- },
- screens: {
- 'sm': '640px',
- 'md': '768px',
- 'lg': '1024px',
- 'xl': '1280px',
- '2xl': '1536px',
- },
-
- },
- plugins: [
- require('tailwindcss-animate'),
- ],
- }
|