adrema-form/tailwind.config.js

51 lines
1.1 KiB
JavaScript
Raw Normal View History

2023-12-24 02:24:48 +01:00
/** @type {import('tailwindcss').Config} */
export default {
2024-01-30 01:56:57 +01:00
content: ["./src/**/*.vue"],
theme: {
extend: {
colors: {
2024-01-31 00:18:03 +01:00
gray: {
100: "#f7fafc",
200: "#edf2f7",
300: "#e2e8f0",
400: "#cbd5e0",
500: "#a0aec0",
600: "#718096",
700: "#4a5568",
800: "#2d3748",
900: "#1a202c",
},
2024-01-30 01:56:57 +01:00
edit: {
DEFAULT: "hsl(20, 77%, 55%)",
2023-12-24 02:24:48 +01:00
},
2024-01-30 01:56:57 +01:00
primary: {
DEFAULT: "var(--primary)",
},
2024-01-31 00:18:03 +01:00
primaryfg: {
DEFAULT: "var(--primaryfg)",
},
2024-01-30 01:56:57 +01:00
secondary: {
DEFAULT: "var(--secondary)",
},
font: {
DEFAULT: "var(--font)",
},
circle: {
DEFAULT: "var(--circle)",
},
},
2024-01-30 01:58:30 +01:00
fontFamily: {
arvo: ["Arvo"],
2024-01-31 00:18:03 +01:00
nunito: ["Nunito"],
},
boxShadow: {
button: "inset 0 -2px 0 rgba(255,255,255,0.2)",
2024-01-30 01:58:30 +01:00
},
2023-12-24 02:24:48 +01:00
},
2024-01-30 01:56:57 +01:00
},
2024-02-03 01:53:31 +01:00
plugins: [
require("@tailwindcss/container-queries"),
require("@tailwindcss/typography"),
],
2023-12-24 02:24:48 +01:00
};