mirror of
https://github.com/zooai/ngo.git
synced 2026-10-30 15:04:49 +00:00
- Removed old Zoo Labs app (Next.js 14.1.0) - Added Zoo Foundation app from ~/work/zoo/zoo/foundation (Next.js 15.3.0) - Updated GitHub workflow to use pnpm - Added CNAME file for zoo.ngo domain - Configured for static export to GitHub Pages
114 lines
3.7 KiB
TypeScript
114 lines
3.7 KiB
TypeScript
import type { Config } from 'tailwindcss';
|
|
import defaultTheme from 'tailwindcss/defaultTheme';
|
|
|
|
const config = {
|
|
darkMode: 'class',
|
|
content: ['./src/**/*.{js,jsx,ts,tsx}'],
|
|
theme: {
|
|
container: {
|
|
center: true,
|
|
padding: "2rem",
|
|
screens: {
|
|
"2xl": "1400px",
|
|
},
|
|
},
|
|
extend: {
|
|
fontFamily: {
|
|
primary: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],
|
|
sans: ["Inter", 'ui-sans-serif', 'system-ui', 'sans-serif'],
|
|
},
|
|
colors: {
|
|
border: "hsl(var(--border))",
|
|
input: "hsl(var(--input))",
|
|
ring: "hsl(var(--ring))",
|
|
background: "hsl(var(--background))",
|
|
foreground: "hsl(var(--foreground))",
|
|
primary: {
|
|
DEFAULT: "hsl(var(--primary))",
|
|
foreground: "hsl(var(--primary-foreground))",
|
|
// Legacy colors
|
|
50: "rgb(var(--tw-color-primary-50) / <alpha-value>)",
|
|
100: "rgb(var(--tw-color-primary-100) / <alpha-value>)",
|
|
200: "rgb(var(--tw-color-primary-200) / <alpha-value>)",
|
|
300: "rgb(var(--tw-color-primary-300) / <alpha-value>)",
|
|
400: "rgb(var(--tw-color-primary-400) / <alpha-value>)",
|
|
500: "rgb(var(--tw-color-primary-500) / <alpha-value>)",
|
|
600: "rgb(var(--tw-color-primary-600) / <alpha-value>)",
|
|
700: "rgb(var(--tw-color-primary-700) / <alpha-value>)",
|
|
800: "rgb(var(--tw-color-primary-800) / <alpha-value>)",
|
|
900: "rgb(var(--tw-color-primary-900) / <alpha-value>)",
|
|
950: "rgb(var(--tw-color-primary-950) / <alpha-value>)",
|
|
},
|
|
secondary: {
|
|
DEFAULT: "hsl(var(--secondary))",
|
|
foreground: "hsl(var(--secondary-foreground))",
|
|
},
|
|
destructive: {
|
|
DEFAULT: "hsl(var(--destructive))",
|
|
foreground: "hsl(var(--destructive-foreground))",
|
|
},
|
|
muted: {
|
|
DEFAULT: "hsl(var(--muted))",
|
|
foreground: "hsl(var(--muted-foreground))",
|
|
},
|
|
accent: {
|
|
DEFAULT: "hsl(var(--accent))",
|
|
foreground: "hsl(var(--accent-foreground))",
|
|
},
|
|
popover: {
|
|
DEFAULT: "hsl(var(--popover))",
|
|
foreground: "hsl(var(--popover-foreground))",
|
|
},
|
|
card: {
|
|
DEFAULT: "hsl(var(--card))",
|
|
foreground: "hsl(var(--card-foreground))",
|
|
},
|
|
dark: '#222222',
|
|
},
|
|
borderRadius: {
|
|
lg: "var(--radius)",
|
|
md: "calc(var(--radius) - 2px)",
|
|
sm: "calc(var(--radius) - 4px)",
|
|
},
|
|
keyframes: {
|
|
flicker: {
|
|
'0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100%': {
|
|
opacity: '0.99',
|
|
filter:
|
|
'drop-shadow(0 0 1px rgba(252, 211, 77)) drop-shadow(0 0 15px rgba(245, 158, 11)) drop-shadow(0 0 1px rgba(252, 211, 77))',
|
|
},
|
|
'20%, 21.999%, 63%, 63.999%, 65%, 69.999%': {
|
|
opacity: '0.4',
|
|
filter: 'none',
|
|
},
|
|
},
|
|
shimmer: {
|
|
'0%': {
|
|
backgroundPosition: '-700px 0',
|
|
},
|
|
'100%': {
|
|
backgroundPosition: '700px 0',
|
|
},
|
|
},
|
|
"accordion-down": {
|
|
from: { height: "0" },
|
|
to: { height: "var(--radix-accordion-content-height)" },
|
|
},
|
|
"accordion-up": {
|
|
from: { height: "var(--radix-accordion-content-height)" },
|
|
to: { height: "0" },
|
|
},
|
|
},
|
|
animation: {
|
|
flicker: 'flicker 3s linear infinite',
|
|
shimmer: 'shimmer 1.3s linear infinite',
|
|
"accordion-down": "accordion-down 0.2s ease-out",
|
|
"accordion-up": "accordion-up 0.2s ease-out",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
} satisfies Config;
|
|
|
|
export default config;
|