biohazard-vfx/tailwind.config.cjs
Nicholai 98a4c8f7db
Some checks failed
Build and Push to Docker Hub / Push Docker image to Docker Hub (push) Has been cancelled
Build and Push Docker Image / build-and-push (push) Has been cancelled
Fixed uploading and database integration, slightly updated NAV and made admin functionality live
2025-08-16 11:46:04 -06:00

65 lines
2.0 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
fontFamily: {
'sans': ['var(--font-montserrat)', 'Montserrat', 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', "Segoe UI", 'Roboto', "Helvetica Neue", 'Arial', "Noto Sans", 'sans-serif'],
'body': ['var(--font-open-sans)', 'Open Sans', 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', "Segoe UI", 'Roboto', "Helvetica Neue", 'Arial', "Noto Sans", 'sans-serif'],
},
extend: {
colors: {
'bg-dark': '#000000',
'bg': '#101010ff',
'bg-light': '#1E1E1E',
'text': '#FFFFFF',
'text-muted': '#A0A0A0',
'accent': {
DEFAULT: '#929292ff',
'light': '#90b075ff',
'dark': '#8B0000'
}
},
fontSize: {
'display': ['6rem', { lineHeight: '1', fontWeight: '200' }],
'display-sm': ['4rem', { lineHeight: '1', fontWeight: '300' }],
},
letterSpacing: {
'tight': '-0.02em',
'wide': '0.05em'
},
animation: {
'fade-in': 'fadeIn 0.2s ease-out',
'slide-up': 'slideUp 0.2s ease-out',
'horizontal-scroll': 'horizontalScroll 20s linear infinite',
},
keyframes: {
fadeIn: {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
slideUp: {
'0%': { opacity: '0', transform: 'translateY(20px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
horizontalScroll: {
'0%': { transform: 'translateX(0)' },
'100%': { transform: 'translateX(-50%)' },
}
},
transitionTimingFunction: {
'smooth': 'cubic-bezier(0.4, 0, 0.2, 1)'
},
maxWidth: {
'8xl': '90rem',
}
},
},
plugins: [
require('@tailwindcss/typography'),
require('@tailwindcss/aspect-ratio')
],
}