uark_front/tailwind.config.js

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",
],
},
};