EZPPLauncher/tailwind.config.cjs

64 lines
1.4 KiB
JavaScript
Raw Normal View History

2024-01-09 12:10:37 +00:00
/** @type {import('tailwindcss').Config}*/
const config = {
2024-01-09 13:48:58 +00:00
content: [
"./src/**/*.{html,js,svelte,ts}",
"./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}",
],
darkMode: "media",
2024-01-09 12:10:37 +00:00
theme: {
extend: {
2024-01-11 11:59:52 +00:00
keyframes: {
fadeIn: {
"0%": { opacity: "0", transform: "translateY(5px)" },
"100%": { opacity: "1" },
},
fadeOut: {
"100%": { opacity: "0", transform: "translateY(5px)" },
"0%": { opacity: "1" },
},
},
animation: {
fadeIn: "fadeIn 1s ease forwards",
fadeOut: "fadeOut 1s ease forwards",
},
transitionProperty: {
'width': 'width',
},
2024-01-09 12:10:37 +00:00
colors: {
// flowbite-svelte
primary: {
2024-01-09 13:48:58 +00:00
DEFAULT: "#FA1C74",
50: "#FED0E2",
100: "#FEBCD6",
200: "#FD94BD",
300: "#FC6CA5",
400: "#FB448C",
500: "#FA1C74",
600: "#D90559",
700: "#A20442",
800: "#6B022C",
900: "#340115",
950: "#19010A",
2024-01-09 12:10:37 +00:00
},
gray: {
2024-01-09 13:48:58 +00:00
50: "#F9F9F9",
100: "#ECECEC",
200: "#D3D3D3",
300: "#B9B9B9",
400: "#A0A0A0",
500: "#868686",
600: "#6D6D6D",
700: "#535353",
800: "#393939",
900: "#202020",
950: "#1A1A1A",
2024-01-09 12:10:37 +00:00
},
2024-01-09 13:48:58 +00:00
},
},
2024-01-09 12:10:37 +00:00
},
2024-01-09 13:48:58 +00:00
plugins: [require("flowbite/plugin")],
2024-01-09 12:10:37 +00:00
};
module.exports = config;