spotify-clone/tailwind.config.js at main · danielcalebe/spotify-clone · 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
76
77
78
79
80
81
82
83
84
85
86
87
/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],


    theme: {
      extend: {
        fontSize: {
          'xxs': '0.5rem',  // Definindo um tamanho menor que o 'xs'
        },
      },
    },
    plugins: [],


    theme: {
      extend: {
        keyframes: {
          move: {
            '0%': { transform: 'translateY(0)' },
            '100%': { transform: 'translateY(-50px)' }
          }
        },
        animation: {
          move: 'move 1s ease-in-out'
        }
      },

      theme: {
        fontWeight: {
          search: '420',
          thin: '100',
          hairline: '100',
          extralight: '200',
          light: '300',
          normal: '400',
          medium: '500',
          semibold: '600',
          bold: '700',
          extrabold: '800',
          'extra-bold': '800',
          black: '900',
        }
      },

      theme: {
        screens: {
          '2xs': '200',
          'sm': '640px',
          // => @media (min-width: 640px) { ... }

          'md': '768px',
          // => @media (min-width: 768px) { ... }

          'lg': '1024px',
          // => @media (min-width: 1024px) { ... }

          'xl': '1280px',
          // => @media (min-width: 1280px) { ... }

          '2xl': '1536px',
          // => @media (min-width: 1536px) { ... }
        }
      },
      theme: {
        extend: {
          backgroundImage: {
            'gif': "url('/src/assets/gif1.gif')",

          }
        }
      }


    }


}