Files
loadout/tailwind.config.js

58 lines
1.4 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
fontFamily: {
display: ['"Bebas Neue"', 'Impact', 'sans-serif'],
grotesk: ['"Space Grotesk"', 'sans-serif'],
sans: ['"Plus Jakarta Sans"', 'system-ui', 'sans-serif'],
mono: ['"IBM Plex Mono"', 'monospace'],
},
colors: {
ticket: {
50: '#FDFBF7',
100: '#F7F4EB',
200: '#EFE9DA',
300: '#E2D9C3',
400: '#D1C4A5',
border: '#D0C8B5',
},
ink: {
DEFAULT: '#141518',
light: '#2B2D33',
muted: '#666C79',
faint: '#9EA4B1',
},
canary: {
DEFAULT: '#FFD100',
hover: '#E6BC00',
light: '#FFF6D1',
},
gate: {
orange: '#FF4D1A',
hover: '#E53E0D',
light: '#FFEBE5',
},
stamp: {
green: '#147D52',
'green-light': '#EBFBF3',
red: '#D92D20',
'red-light': '#FEECEB',
}
},
boxShadow: {
'stub': '2px 3px 0px rgba(20,21,24,0.12)',
'stub-hover': '3px 5px 0px rgba(20,21,24,0.18)',
'card-hard': '4px 4px 0px #141518',
'card-hard-sm': '2px 2px 0px #141518',
'stamp': 'inset 0 0 0 2px #FF4D1A',
}
},
},
plugins: [],
}