website/tailwind.config.cjs at development · Open-Maze/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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    container: {
      center: true,
    },
    extend: {
      colors: {
        transparent: 'transparent',
        current: 'currentColor',
        dark: '#505050',
        light: '#cacaca',
        violet: {
          DEFAULT: '#8c1cec',
          lighter: '#dcbaf9',
          darker: '#841be0',
        },
        midnight: '#5c0f9e',
        skyline: {
          DEFAULT: '#32cbe4',
          darker: '#2fbed4',
        },
        bleach: '#f4f4f4',
        'super-light-gray': '#fbfbfb',
        'light-gray': '#f8f8f8',
      },
      fontFamily: {
        manrope: ['Manrope', 'Helvetica', 'Arial', 'sans-serif'],
        silka: ['Silka', 'Helvetica', 'Arial', 'sans-serif'],
      },
      backgroundImage: {
        'hero-pattern': "url('/src/assets/images/logo/header-l-background.svg')",
        'cta-pattern': "url('/src/assets/images/logo/cta-pattern.svg')",
      },
      backgroundSize: {
        40: '40%',
      },
    },
  },
  plugins: ['@tailwindcss/typography', '@tailwindcss/forms', '@tailwindcss/line-clamp', '@tailwindcss/aspect-ratio'],
};