reactjs-challenge-02/tailwind.config.js at main · ignite-bootcamp/reactjs-challenge-02 · 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
const defaultTheme = require('tailwindcss/defaultTheme');
/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      backgroundImage: {
        'hero-pattern': "url('/static/assets/img/hero-pattern.png')",
      },
    },
    colors: {
      white: '#fff',
      background: '#fafafa',
      base: {
        card: '#f3f2f2',
        input: '#ededed',
        button: '#e6e5e5',
        hover: '#d7d5d5',
        label: '#8d8686',
        text: '#574f4d',
        subtitle: '#403937',
        title: '#272221',
      },
      purple: {
        dark: '#4b2995',
        DEFAULT: '#8047f8',
        light: '#ebe5f9',
      },
      yellow: {
        dark: '#C47F17',
        DEFAULT: '#DBAC2C',
        light: '#F1E9C9',
      },
    },
    fontSize: {
      xs: ['0.75rem', { lineHeight: '130%' }],
      sm: ['0.875rem', { lineHeight: '130%' }],
      md: ['1rem', { lineHeight: '130%' }],
      lg: ['1.25rem', { lineHeight: '130%' }],
      xl: ['3rem', { lineHeight: '130%' }],
    },
    fontFamily: {
      sans: ['Roboto', ...defaultTheme.fontFamily.sans],
    },
  },
  plugins: [],
};