154 lines
3.5 KiB
JavaScript
154 lines
3.5 KiB
JavaScript
const defaultTheme = require("tailwindcss/defaultTheme");
|
|
|
|
module.exports = {
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
inter: ["Inter var", ...defaultTheme.fontFamily.sans],
|
|
mackinac: ['"P22 Mackinac Pro"', ...defaultTheme.fontFamily.serif],
|
|
},
|
|
colors: {
|
|
rebeccapurple: {
|
|
50: "#f9fafb",
|
|
100: "#eef1fb",
|
|
200: "#dbd7f8",
|
|
300: "#bcb1ed",
|
|
400: "#a286df",
|
|
500: "#8861d3",
|
|
600: "#7045be",
|
|
700: "#663399",
|
|
800: "#39236b",
|
|
900: "#1f163f",
|
|
},
|
|
primary: {
|
|
50: "#E5F2FF",
|
|
100: "#CCE4FF",
|
|
200: "#99CAFF",
|
|
300: "#66AFFF",
|
|
400: "#3395FF",
|
|
500: "#007AFF",
|
|
600: "#0062CC",
|
|
700: "#004999",
|
|
800: "#003166",
|
|
900: "#001833",
|
|
},
|
|
gray: {
|
|
50: "#FAFAFA",
|
|
100: "#F4F4F5",
|
|
200: "#E4E4E7",
|
|
300: "#D4D4D8",
|
|
400: "#A2A2A8",
|
|
500: "#6E6E76",
|
|
600: "#52525A",
|
|
700: "#3F3F45",
|
|
800: "#2E2E33",
|
|
900: "#1D1D20",
|
|
},
|
|
teal: {
|
|
50: "#F4FFFD",
|
|
100: "#E6FFFA",
|
|
200: "#B2F5EA",
|
|
300: "#81E6D9",
|
|
400: "#4FD1C5",
|
|
500: "#3ABAB4",
|
|
600: "#319795",
|
|
700: "#2C7A7B",
|
|
800: "#285E61",
|
|
900: "#234E52",
|
|
},
|
|
indigo: {
|
|
50: "#F8FBFF",
|
|
100: "#EBF4FF",
|
|
200: "#C3DAFE",
|
|
300: "#A3BFFA",
|
|
400: "#7F9CF5",
|
|
500: "#667EEA",
|
|
600: "#5A67D8",
|
|
700: "#4C51BF",
|
|
800: "#34399B",
|
|
900: "#1E2156",
|
|
},
|
|
purple: {
|
|
50: "#FAF5FF",
|
|
100: "#F3E8FF",
|
|
200: "#E9D8FD",
|
|
300: "#D6BCFA",
|
|
400: "#B794F4",
|
|
500: "#9F7AEA",
|
|
600: "#805AD5",
|
|
700: "#6B46C1",
|
|
800: "#553C9A",
|
|
900: "#44337A",
|
|
},
|
|
pink: {
|
|
50: "#FFF5F7",
|
|
100: "#FFEBEF",
|
|
200: "#FED7E2",
|
|
300: "#FBB6CE",
|
|
400: "#F687B3",
|
|
500: "#ED64A6",
|
|
600: "#D53F8C",
|
|
700: "#B83280",
|
|
800: "#97266D",
|
|
900: "#702459",
|
|
},
|
|
navy: "#24185B",
|
|
},
|
|
fontSize: {
|
|
/*xs: ["0.75rem", { lineHeight: "1.5" }],
|
|
sm: ["0.875rem", { lineHeight: "1.5" }],
|
|
base: ["1rem", { lineHeight: "1.5" }],
|
|
lg: ["1.125rem", { lineHeight: "1.5" }],
|
|
xl: ["1.25rem", { lineHeight: "1.5" }],
|
|
"2xl": ["1.63rem", { lineHeight: "1.35" }],
|
|
"3xl": ["2.63rem", { lineHeight: "1.24" }],
|
|
"4xl": ["3.5rem", { lineHeight: "1.18" }],
|
|
"5xl": ["4rem", { lineHeight: "1.16" }],
|
|
"6xl": ["5.5rem", { lineHeight: "1.11" }],*/
|
|
xs: ["0.75rem", { lineHeight: "1rem" }],
|
|
sm: ["0.875rem", { lineHeight: "1.5rem" }],
|
|
base: ["1rem", { lineHeight: "1.75rem" }],
|
|
lg: ["1.125rem", { lineHeight: "2rem" }],
|
|
xl: ["1.25rem", { lineHeight: "2rem" }],
|
|
"2xl": ["1.5rem", { lineHeight: "2rem" }],
|
|
"3xl": ["2rem", { lineHeight: "2.5rem" }],
|
|
"4xl": ["2.5rem", { lineHeight: "3.5rem" }],
|
|
"5xl": ["3rem", { lineHeight: "3.5rem" }],
|
|
"6xl": ["3.75rem", { lineHeight: "1" }],
|
|
"7xl": ["4.5rem", { lineHeight: "1.1" }],
|
|
"8xl": ["6rem", { lineHeight: "1" }],
|
|
"9xl": ["8rem", { lineHeight: "1" }],
|
|
},
|
|
outline: {
|
|
blue: "2px solid rgba(0, 112, 244, 0.5)",
|
|
},
|
|
spacing: {
|
|
128: "32rem",
|
|
"9/16": "56.25%",
|
|
"3/4": "75%",
|
|
"1/1": "100%",
|
|
},
|
|
inset: {
|
|
"1/2": "50%",
|
|
full: "100%",
|
|
},
|
|
letterSpacing: {
|
|
tighter: "-0.02em",
|
|
tight: "-0.01em",
|
|
normal: "0",
|
|
wide: "0.01em",
|
|
wider: "0.02em",
|
|
widest: "0.4em",
|
|
},
|
|
},
|
|
},
|
|
variants: {
|
|
extend: {
|
|
rotate: ["group-hover"],
|
|
translate: ["group-hover"],
|
|
},
|
|
},
|
|
plugins: [require("@tailwindcss/line-clamp"), require("@tailwindcss/forms"), require("@tailwindcss/typography")],
|
|
content: ["./app/**/*.{ts,tsx}"],
|
|
};
|