77 lines
1.6 KiB
JavaScript
77 lines
1.6 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
|
|
theme: {
|
|
container: {
|
|
center: true,
|
|
padding: {
|
|
DEFAULT: "1rem",
|
|
sm: "1rem",
|
|
md: "1.25rem",
|
|
lg: "1.5rem",
|
|
xl: "2rem",
|
|
"2xl": "2.5rem",
|
|
},
|
|
screens: {
|
|
// 讓 container 在各斷點對齊你自訂的寬度
|
|
sm: "640px",
|
|
md: "768px",
|
|
lg: "1024px",
|
|
xl: "1280px",
|
|
"2xl": "1536px",
|
|
},
|
|
},
|
|
screens: {
|
|
xs: "480px",
|
|
sm: "640px",
|
|
md: "768px",
|
|
lg: "1024px",
|
|
xl: "1280px",
|
|
"2xl": "1536px",
|
|
},
|
|
extend: {
|
|
fontFamily: {
|
|
// 讓你能寫 class="font-noto"
|
|
noto: ["Noto Sans TC", "sans-serif"],
|
|
// 讓你能寫 class="font-nats"
|
|
nats: ["NATS-Regular", "sans-serif"],
|
|
},
|
|
colors: {
|
|
brand: {
|
|
green: { DEFAULT: "#34D5C8", light: "#C4FBE5" },
|
|
red: "#FF8678",
|
|
purple: {
|
|
DEFAULT: "#A5BEFF",
|
|
light: "#D5E1FF",
|
|
dark: "#7089CA",
|
|
},
|
|
yellow: {
|
|
DEFAULT: "#E1F391",
|
|
dark: "#C4E920",
|
|
},
|
|
black: "#424242",
|
|
neutral: {
|
|
DEFAULT: "#F0F0F0",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [require("daisyui")],
|
|
daisyui: {
|
|
themes: [
|
|
{
|
|
mytheme: {
|
|
primary: "#34D5C8",
|
|
secondary: "#C4FBE5",
|
|
accent: "#A5BEFF",
|
|
neutral: "#424242",
|
|
"base-100": "#ffffff",
|
|
warning: "FF8678",
|
|
},
|
|
},
|
|
"light",
|
|
],
|
|
},
|
|
};
|