90 lines
1.9 KiB
JavaScript
90 lines
1.9 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
backgroundPrimary: {
|
|
100: "#FFFBE6",
|
|
},
|
|
primary: {
|
|
50: "#fff5f5",
|
|
100: "#fce8e8",
|
|
200: "#f6caca",
|
|
300: "#eaa9a9",
|
|
400: "#e18c8c",
|
|
500: "#cc7575",
|
|
600: "#b06060",
|
|
700: "#914e4e",
|
|
800: "#733d3d",
|
|
900: "#5a2f2f",
|
|
950: "#3a1d1d",
|
|
},
|
|
secondary: {
|
|
50: "#f6f6f6",
|
|
100: "#eaeaea",
|
|
200: "#d5d5d5",
|
|
300: "#b8b8b8",
|
|
400: "#999999",
|
|
500: "#7f7f7f",
|
|
600: "#666666",
|
|
700: "#4d4d4d",
|
|
800: "#333333",
|
|
900: "#1f1f1f",
|
|
950: "#0f0f0f",
|
|
},
|
|
textMain: {
|
|
100: "#444444",
|
|
},
|
|
mainDisable: {
|
|
100: "#888888",
|
|
},
|
|
info: {
|
|
100: "#2B91EF",
|
|
200: "#0061bd",
|
|
},
|
|
danger: {
|
|
100: "#FF2C2C",
|
|
},
|
|
body: {
|
|
100: "#EEEEEE",
|
|
},
|
|
},
|
|
},
|
|
|
|
screens: {
|
|
xs: "290px",
|
|
sm: "640px",
|
|
// => @media (min-width: 640px) { ... }
|
|
|
|
md: "768px",
|
|
// => @media (min-width: 768px) { ... }
|
|
|
|
lg: "1024px",
|
|
// => @media (min-width: 1024px) { ... }
|
|
|
|
xl: "1440px",
|
|
// => @media (min-width: 1280px) { ... }
|
|
|
|
"2xl": "1536px",
|
|
// => @media (min-width: 1536px) { ... }
|
|
},
|
|
|
|
animation: {
|
|
"infinite-scroll": "infinite-scroll 200s linear infinite",
|
|
},
|
|
|
|
keyframes: {
|
|
"infinite-scroll": {
|
|
from: { transform: "translateX(0)" },
|
|
to: { transform: "translateX(-100%)" },
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|