51 lines
1.4 KiB
JavaScript
51 lines
1.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
screens: {
|
|
1920: "1921px",
|
|
},
|
|
colors: {
|
|
"custom-bglight": "#1C1C1F",
|
|
"custom-bgdark": "#06060B",
|
|
"text-gold": "#FACC97",
|
|
"gold-light": "#FACC97",
|
|
"gold-dark": "#54330F",
|
|
"gold-mid": "#C9924F",
|
|
"gray-bg": "#1C1C1C",
|
|
surface: "rgba(255, 255, 255, 0.04)",
|
|
"surface-border": "rgba(250, 204, 151, 0.14)",
|
|
},
|
|
fontFamily: {
|
|
baijam: ['"Bai Jamjuree"', "sans-serif"],
|
|
},
|
|
boxShadow: {
|
|
glass: "0 1px 1px rgba(250, 204, 151, 0.08), 0 20px 60px -20px rgba(0, 0, 0, 0.6)",
|
|
"glass-lg": "0 1px 1px rgba(250, 204, 151, 0.1), 0 30px 90px -20px rgba(0, 0, 0, 0.7)",
|
|
"gold-glow": "0 8px 30px -8px rgba(250, 204, 151, 0.35)",
|
|
},
|
|
backdropBlur: {
|
|
xs: "2px",
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
function ({ addUtilities }) {
|
|
addUtilities(
|
|
{
|
|
".padding-calc": {
|
|
"padding-left": "calc((100vw - 1920px)/2)",
|
|
"padding-right": "calc((100vw - 1920px)/2)",
|
|
},
|
|
".margin-calc": {
|
|
"margin-left": "calc((100vw - 1920px)/2)",
|
|
"margin-right": "calc((100vw - 1920px)/2)",
|
|
},
|
|
},
|
|
["responsive"]
|
|
);
|
|
},
|
|
],
|
|
};
|