init
This commit is contained in:
@@ -0,0 +1,53 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: [
|
||||
"./app.vue",
|
||||
"./components/**/*.{vue,js}",
|
||||
"./composables/**/*.js",
|
||||
"./data/**/*.js",
|
||||
"./pages/**/*.vue",
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
gm: {
|
||||
green: "#1bd629",
|
||||
"green-dark": "#14b723",
|
||||
blue: "#005ce6",
|
||||
text: "#333333",
|
||||
muted: "#999999",
|
||||
border: "#eeeeee",
|
||||
light: "#f4f4f4",
|
||||
dark: "#1a1a1a",
|
||||
},
|
||||
},
|
||||
boxShadow: {
|
||||
soft: "0 2px 20px rgba(0, 0, 0, 0.08)",
|
||||
glow: "0 0 0 10px rgba(19, 217, 47, 0.12)",
|
||||
hover: "0 10px 40px rgba(0, 0, 0, 0.1)",
|
||||
},
|
||||
keyframes: {
|
||||
marquee: {
|
||||
"0%": { transform: "translateX(0)" },
|
||||
"100%": { transform: "translateX(-50%)" },
|
||||
},
|
||||
},
|
||||
animation: {
|
||||
marquee: "marquee 28s linear infinite",
|
||||
"marquee-reverse": "marquee 28s linear infinite reverse",
|
||||
},
|
||||
fontFamily: {
|
||||
sans: [
|
||||
"PingFang SC",
|
||||
"Microsoft YaHei",
|
||||
"Microsoft YaHei UI",
|
||||
"SimSun",
|
||||
"SimHei",
|
||||
"Arial",
|
||||
"sans-serif",
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
};
|
||||
Reference in New Issue
Block a user