frontend/tailwind.config.js - dev - kochkatech/CorpGame

frontend/tailwind.config.js

55 строк2 KB

kochkareal

chore: добавлен .gitattributes, нормализованы переносы строк (LF везде, кроме .bat/.cmd)

06 авг 2026, 15:18

06 авг 2026, 15:18c25ef1b

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        // Фирменные цвета заказчика (maint.css) — не меняются
        main: '#4060e9',
        focus: 'greenyellow',
        // Нейтральные слои поверхностей (для глубины, без смены палитры)
        surface: '#101528',
        surfaceDeep: '#0b0f1a',
        line: 'rgba(255,255,255,0.08)',
      },
      fontFamily: {
        mono: ['"JetBrains Mono"', 'Consolas', 'ui-monospace', 'monospace'],
      },
      boxShadow: {
        card: '0 4px 20px -8px rgba(0,0,0,0.6)',
        glow: '0 0 24px -6px rgba(64,96,233,0.6)',
      },
      keyframes: {
        'fade-in': {
          from: { opacity: '0' },
          to: { opacity: '1' },
        },
        'scale-in': {
          from: { opacity: '0', transform: 'scale(0.95)' },
          to: { opacity: '1', transform: 'scale(1)' },
        },
        'slide-in': {
          from: { opacity: '0', transform: 'translateX(1.5rem)' },
          to: { opacity: '1', transform: 'translateX(0)' },
        },
        pop: {
          '0%': { transform: 'scale(0.3)', opacity: '0' },
          '60%': { transform: 'scale(1.15)', opacity: '1' },
          '100%': { transform: 'scale(1)' },
        },
        'pulse-theft': {
          '0%, 100%': { backgroundColor: 'rgba(185,28,28,0.92)' },
          '50%': { backgroundColor: 'rgba(220,38,38,0.98)' },
        },
      },
      animation: {
        'fade-in': 'fade-in 0.2s ease-out',
        'scale-in': 'scale-in 0.18s ease-out',
        'slide-in': 'slide-in 0.25s ease-out',
        pop: 'pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)',
        'pulse-theft': 'pulse-theft 1s ease-in-out infinite',
      },
    },
  },
  plugins: [],
};