Ned Halksworth
66 lines
2.0 KiB
TypeScript
66 lines
2.0 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{ts,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
display: [
|
|
"SF Pro Display",
|
|
"SF Pro Text",
|
|
"-apple-system",
|
|
"BlinkMacSystemFont",
|
|
"Avenir Next",
|
|
"Helvetica Neue",
|
|
"sans-serif",
|
|
],
|
|
body: [
|
|
"SF Pro Text",
|
|
"-apple-system",
|
|
"BlinkMacSystemFont",
|
|
"Avenir Next",
|
|
"Helvetica Neue",
|
|
"sans-serif",
|
|
],
|
|
},
|
|
colors: {
|
|
bull: {
|
|
midnight: "#050711",
|
|
panel: "#0A1024",
|
|
steel: "#94A3B8",
|
|
chrome: "#E8ECF4",
|
|
blue: "#1A73E8",
|
|
cyan: "#39D5FF",
|
|
pink: "#FFB7D9",
|
|
red: "#FF3448",
|
|
amber: "#FFD84D",
|
|
lime: "#34D399",
|
|
},
|
|
},
|
|
boxShadow: {
|
|
apple: "0 18px 55px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.18)",
|
|
fridge: "0 18px 70px rgba(0, 0, 0, 0.34), 0 1px 2px rgba(255, 255, 255, 0.06)",
|
|
can: "0 10px 24px rgba(57, 213, 255, 0.12)",
|
|
redline: "0 12px 28px rgba(255, 52, 72, 0.26)",
|
|
cyan: "0 14px 32px rgba(57, 213, 255, 0.18)",
|
|
},
|
|
backgroundImage: {
|
|
"carbon-grid":
|
|
"linear-gradient(135deg, rgba(255,255,255,0.045) 25%, transparent 25%), linear-gradient(225deg, rgba(255,255,255,0.045) 25%, transparent 25%), linear-gradient(45deg, rgba(0,0,0,0.22) 25%, transparent 25%), linear-gradient(315deg, rgba(0,0,0,0.22) 25%, #070A0F 25%)",
|
|
"scan-line":
|
|
"repeating-linear-gradient(0deg, rgba(255,255,255,0.055) 0px, rgba(255,255,255,0.055) 1px, transparent 1px, transparent 7px)",
|
|
},
|
|
animation: {
|
|
"pulse-rail": "pulseRail 2.4s ease-in-out infinite",
|
|
},
|
|
keyframes: {
|
|
pulseRail: {
|
|
"0%, 100%": { opacity: "0.45", transform: "scaleX(0.82)" },
|
|
"50%": { opacity: "1", transform: "scaleX(1)" },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
} satisfies Config;
|