student.ingelt.com/tailwind.config.js at staging · ingelt-saas/student.ingelt.com · 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  darkMode: "class",
  theme: {
    fontFamily: {
      display: ["Open Sans", "sans-serif"],
      body: ["Open Sans", "sans-serif"],
    },
    extend: {
      fontSize: {
        14: "14px",
      },
      backgroundColor: {
        "main-bg": "#FAFBFB",
        "main-blue": "#0064E1",
        "light-blue": "#4396FF",
        "main-dark-bg": "rgb(0,0,0,1)",
        "secondary-dark-bg": "#33373E",
        "light-gray": "#F7F7F7",
        "half-transparent": "rgba(0, 0, 0, 0.5)",
      },
      colors: {
        'dark-gray': '#E5E7EB',
        'gray': "#7A7C88",
        'blue': "#0064E1",
        'light-blue': "#4396FF"
      },
      borderWidth: {
        1: "1px",
      },
      borderColor: {
        color: "rgba(0, 0, 0, 0.1)",
      },
      width: {
        400: "400px",
        760: "760px",
        780: "780px",
        800: "800px",
        1000: "1000px",
        1200: "1200px",
        1400: "1400px",
      },
      height: {
        80: "80px",
      },
      minHeight: {
        590: "590px",
      }
    },
    keyframes: {
      "shimmer": {
        "100%": {
          "transform": "translateX(100%)",
        },
      },
    },
    screens: {
      'sm': '640px',
      'md': '768px',
      'foo': '900px', // new breakpoint
      'lg': '1024px',
      'xl': '1280px',
      '2xl': '1536px'
    },
  },
  plugins: [
    function ({ addBase, addUtilities }) {
      addBase({
        'table-collapse': { borderCollapse: 'collapse' },
        'table-separate': { borderCollapse: 'separate' },
      });

      addUtilities({
        '.table-collapse > * > *': {
          borderCollapse: 'collapse',
        },
        '.table-separate > * > *': {
          borderCollapse: 'separate',
        },
      });
    },
  ],
};