pilltable-website/tailwind.config.js at master · TheRealPolatic/pilltable-website · 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
module.exports = {
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        'primary': '#26254F',
        'background': '#1D1A3B',
        'highlight': '#4A57FC',
        'light-grey': '#D6D6E0',
        'dark-grey': '#9F9FB7',
        'opacity-elements': 'rgba(255, 255, 255, 0.02)',
        'primary-gradient-1': '#35346C',
        'primary-gradient-2': '#2C2B5A',
        'button-gradient-1': '#4A57FC',
        'button-gradient-2': '#1D2DFB',
        'dark-elements': '#211E3F',
      },
      fontFamily: {
        'rubik': ['Rubik', 'sans-serif'],
      },
      radialGradientColors: (theme) => theme('colors'),
      conicGradientColors: (theme) => theme('colors'),
      linearGradientColors: {
        'button1-button2': ['#4A57FC', '#1D2DFB'],
        'btnwhite1-btnwhite2': ['#fff', '#fff'],
      },
      fontSize: {
        '24xl': '1.5rem', // H3
        '40xl': '2.5rem', // H2
        '56xl': '3.5rem', // H1
      },
      letterSpacing: {
        widestPilltable: '.45em',
      },
      borderRadius: {
        'video': '2rem',
      },
      width: {
        '16/12': '140%',
      },
    },
  },
  variants: {
    extend: {
      scale: ['responsive', 'hover', 'active', 'focus'],
    },
  },
  plugins: [require('tailwindcss-gradients')],
}