codeweek/tailwind.config.js at master · codeeu/codeweek · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './resources/**/*.blade.php',
    './resources/**/*.js',
    './resources/**/*.vue',
  ],
  theme: {
    extend: {
      backgroundImage: {
        'secondary-gradient': 'linear-gradient(36.92deg, #1C4DA1 20.32%, #0040AE 28.24%)',
        'blue-gradient': 'linear-gradient(161.75deg, #1254C5 16.95%, #0040AE 31.1%)',
        'light-blue-gradient': 'linear-gradient(161.75deg, #33C2E9 16.95%, #00B3E3 31.1%)',
        'count-gradient': 'linear-gradient(150.73deg, #1254C5 24.55%, #0040AE 68.54%)',
        'orange-gradient': 'linear-gradient(36.92deg, #F95C22 20.32%, #FF885C 28.24%)',
        'violet-gradient': 'linear-gradient(247deg, #410098 22.05%, #6733AD 79.09%)',
        'yellow-transparent-gradient': 'linear-gradient(90deg, #FFFBE5 35%, #00000000 90%)',
        'yellow-transparent-opposite-gradient': 'linear-gradient(90deg, #00000000 10%, #FFFBE5 65%)',
        'green-gradient': 'linear-gradient(90deg, #33C2E9 35%, #00B3E3 90%)',
      },
      colors: {
        'primary': '#F95C22',
        'light-orange': '#f15d22',
        'dark-orange': '#B63100',
        'hover-orange': '#FB9D7A',
        'secondary': '#164194',
        'blue-primary': '#40B5D1',
        'aqua': '#B1E0E5',
        'pearl': '#DBECF0',
        'grey': '#E7EAE3',
        'grey-2': '#DEDEDE',
        'yellow': '#FFD700',
        'yellow-2': '#FFF7CC',
        'yellow-50': '#FFFBE5',
        'dark-blue': '#1C4DA1',
        'hover-blue': '#0A42A1',
        'slate': '#5C656D',
        'slate-400': '#5C656D',
        'slate-500': '#333E48',
        'slate-600': '#20262C',
        'light-blue': '#F2FBFE',
        'error-200': '#E30519',
        'dark-blue-50': '#E8EDF6',
        'dark-blue-100': '#D2DBEC',
        'dark-blue-200': '#A4B8D9',
        'dark-blue-300': '#7794C7',
        'dark-blue-400': '#4971B4',
        'grey-3': '#F2F2F8',
        'lime': '#99CC28',
        'black-light': '#00000080',
        'light-blue-100': '#CCF0F9',
        'light-blue-300': '#66D1EE',
        'gray-10': '#F4F6FA',
      },
      fontFamily: {
        blinker: ['Blinker', 'sans-serif'],
      },
      screens: {
        'xs': '480px',
        'sm': '575px',
        'tablet': '993px',
        'md': '768px',
      },
      fontSize: {
        base: '1.125rem',
        'default': '16px',
        '40': '2.5rem',
      },
      lineHeight: {
        'truly-normal': 'normal',  // Custom class for true line-height: normal
      },
    },
  },
  plugins: [],
};