rails6-boilerplate/tailwind.config.js at main · opedrosouza/rails6-boilerplate · 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
module.exports = {
  content: [
    './app/views/**/*.html.erb',
    './app/helpers/**/*.rb',
    './app/assets/stylesheets/**/*.css',
    './app/javascript/**/*.js',
    './app/components/**/*.html.erb',
    './app/components/**/*.js',
    './app/components/**/*.rb',
  ],
  theme: {
    fontFamily: {
      sans: ['Poppins', 'sans-serif'],
    },
    extend: {
      fontFamily: {
        montserrat: ['Montserrat', 'sans-serif'],
        poppins: ['Poppins', 'sans-serif'],
      },
      fontSize: {
        'title': '46px'
      },
      width: {
        '964': '964px',
        '428': '428px',
      },
      height: {
        '899': '899px',
        '70': '70px'
      },
      colors: {
        'jamp-blue': '#1627A5',
        'jamp-gray': {
          light: '#FBFBFB',
          medium: '#EFEFEF',
          dark: '#1F1D1D'
        },
      },
      lineHeight: {
        'title': '4rem'
      },
      borderRadius: {
        button: '32px'
      }
    }
  },
  plugins: [
    require('@tailwindcss/typography'),
    require('@tailwindcss/forms'),
    require('@tailwindcss/aspect-ratio'),
    require('@tailwindcss/line-clamp'),
  ]
}