velocity/tailwind.config.cjs at dev · Velocity-IIITDWD/velocity · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{html,js}'],
  // purge: ['./src/**/*.{html,js}'],
  theme: {
    extend: {
      colors: {
        'bg-color': '#11011e',
        purplergba: '#38215F',
        primary: '#3F51B5',
        'dark-primary': '#303F9F',
        'light-primary': '#C5CAE9',
        text: '#FFFFFF',
      },
      animation: {
        'spin-slow': 'spin 5s linear infinite',
        'spin-slower': 'spin 12s linear infinite',
        scroll: 'scrollCard 200s linear infinite',
        scrollOpposite: 'scrollCardOp 25s linear infinite',
      },
      keyframes: {
        scrollCard: {
          '0%': { transform: 'translateX(0)' },
          '100%': { transform: 'translateX(calc(-314px*40))' },
        },
        scrollCardOp: {
          '0%': { transform: 'translateX(calc(-314px*4))' },
          '100%': { transform: 'translateX(calc(0))' },
        },
      },
      gridTemplateColumns: {
        xlcolminmax: 'repeat(3, minmax(200px, 1fr))',
        colminmax: 'repeat(auto-fill, minmax(200px, 1fr))',
      },
      gridTemplateRows: {
        xlrowminmax: 'repeat(auto, minmax(150px, 200px))',
        mdrowminmax: 'repeat(4, minmax(85px, 140px))',
        rowminmax: 'repeat(3, minmax(85px, 200px))',
      },
    },
    fontFamily: {
      lato: ['Lato', 'sans-serif'],
      roboto: ['Roboto', 'sans-serif'],
      poppins: ['Poppins', 'sans-serif'],
      montserrat: ['Montserrat', 'sans-serif'],
    },
  },
  plugins: [],
}