Base nuxt layout

2024-03-21 17:14:11 +01:00
parent 1abf555519
commit b86cf52839
36 changed files with 9886 additions and 3462 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,74 +1,86 @@
+const animate = require("tailwindcss-animate")
+
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
+  darkMode: ["class"],
+  safelist: ["dark"],
+  prefix: "",
+
  theme: {
-    fontFamily: {
-      sans: ["Open Sans", "system-ui", "Lato", "sans-serif"],
-    },
    container: {
-      padding: "2rem",
      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
    },
    extend: {
      colors: {
-        twitter: {
-          DEFAULT: "#1DA1F2",
-          50: "#CBE9FC",
-          100: "#B7E1FB",
-          200: "#91D1F9",
-          300: "#6AC1F6",
-          400: "#44B1F4",
-          500: "#1DA1F2",
-          600: "#0C82CB",
-          700: "#096096",
-          800: "#063E61",
-          900: "#031C2C",
-          950: "#010B12",
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
        },
-        facebook: {
-          DEFAULT: "#4267B2",
-          50: "#C3CFE9",
-          100: "#B4C4E3",
-          200: "#96ACD8",
-          300: "#7894CD",
-          400: "#5B7DC2",
-          500: "#4267B2",
-          600: "#334F89",
-          700: "#243860",
-          800: "#142037",
-          900: "#05080E",
-          950: "#000000",
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
        },
-        instagram: {
-          DEFAULT: "#C13584",
-          50: "#EEC0DA",
-          100: "#E9B0D0",
-          200: "#E090BD",
-          300: "#D870AA",
-          400: "#CF5098",
-          500: "#C13584",
-          600: "#952966",
-          700: "#691D48",
-          800: "#3D112A",
-          900: "#11050C",
-          950: "#000000",
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
        },
-        linkedin: {
-          DEFAULT: "#0072B1",
-          50: "#6ACAFF",
-          100: "#55C3FF",
-          200: "#2CB4FF",
-          300: "#04A6FF",
-          400: "#008CDA",
-          500: "#0072B1",
-          600: "#004E79",
-          700: "#002A41",
-          800: "#000609",
-          900: "#000000",
-          950: "#000000",
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+      	xl: "calc(var(--radius) + 4px)",
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: 0 },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: 0 },
+        },
+        "collapsible-down": {
+          from: { height: 0 },
+          to: { height: 'var(--radix-collapsible-content-height)' },
+        },
+        "collapsible-up": {
+          from: { height: 'var(--radix-collapsible-content-height)' },
+          to: { height: 0 },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+        "collapsible-down": "collapsible-down 0.2s ease-in-out",
+        "collapsible-up": "collapsible-up 0.2s ease-in-out",
      },
    },
  },
-  plugins: [],
-};
+  plugins: [animate],
+}