Horizon_2024-25/tailwind.config.js at main · PaulamiS/Horizon_2024-25 · 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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {

      fontSize: {
        "9xl": "9rem",
        "12xl": "12rem",
      },
      fontFamily: {
        tiffany: ["ITC Tiffany Std Demi", "sans-serif"],
        poppins: ["Poppins", "sans-serif"],
        itc: ["ITC", "sans-serif"],
        'open-sans': ['Open Sans', 'sans-serif'],
      },
      keyframes: {
        marquee: {
          "0%": { transform: "translateX(70vw)" },
          "100%": { transform: "translateX(-70vw)" },
        },
      },
      animation: {
        marquee: "marquee 14s linear infinite ",
      },

      colors: {
        custom: "#FEFBEC",
        technica: "#B5DDC2",
        about: "#1E1E1E",
        button: "#F2C6AB",
        "button-click": "#F0B590",
        customColor: "#F2C6AB",
        greenish: "#171817",
        customGreen: "#B5DDC2",
        beige: "#FEFBEC",
        technicagrey: "#1E1E1E",
      },
      screens: {
        custom: "768px",
      },
      width: {
        "clamp-30vw-30vw-32vw": "clamp(30vw,30vw,32vw)",
        "clamp-85vw-85vw-85vw": "clamp(85vw,85vw,85vw)",
      },

      height: {
        "clamp-30vw-30vw-32vw": "clamp(30vw,30vw,32vw)",
        "clamp-40vw-55vw-60vw": "clamp(40vw,55vw,60vw)",
      },
      borderRadius: {
        tiny: "1rem",
      },
      borderWidth:{
        '1.75':'1.75px'
      },
    },
  },
  plugins: [

  ],
};