carify/tailwind.config.ts at master · erayates/carify · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ["var(--font-goldman)"],
        mono: ["var(--font-lato)"],
      },
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
        "gradient-conic":
          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
        "hero-pattern": "url('/assets/images/hero-image.jpeg')",
        "dark-linear":
          "linear-gradient(0.51deg, #0D0C0F -6.13%, #292D45 115.01%)",
        "page-hero-linear":
          "linear-gradient(180deg, rgba(26, 0, 0, 0.0659965) -124.09%, #01000A 149.23%)",
        "promo-dark-linear":
          "linear-gradient(180deg, #979797 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, rgba(26, 0, 0, 0.0659965) 0%, #01000A 98.01%)",
        "promo-light-linear":
          "linear-gradient(180deg, #979797 0%, rgba(255, 255, 255, 0) 100%)",
      },
      screens: {
        sm: "480px",
        md: "768px",
        lg: "976px",
        xl: "1440px",
      },

      content: {
        navItem:
          'content: "", height: "2px", width: "100%", background-color: "black"',
      },
    },
  },
  plugins: [],
};
export default config;