where-should-we-live/tailwind.config.js at main · transcriptive/where-should-we-live · 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
const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    backgroundColor: theme=>({
      ...theme('colors'),
      'primary': '#174268',
      'yolk': '#EBC353',
      'breakingRed':'#BD403A',
      'sliderBlue':'#DAE4EC',
      'asphalt':'#728A9F',
    }),
    inset:{
      '10':'10px',
      '14': '14px',
      '34': '34px',
      '63': '63px',
      '70': '70px',
      '78':'78px',
      '80': '80px',
      '94': '94px',
      '121': '121px',
      '155':'155px',
      '188': '188px',
      '196': '196px',
      '266':'266px',
      '40': '40px',
      '08': '8px',
      '311': '311px',
      '133': '133px',
      '177': '177px',
      '561': '561px',
      '933': '933px',
      '1260': '1260px',
      '1397': '1397px',

    },
    fontSize:{
      '24':['24px','36px'],
      '12':['12px','20px'],
      '28':['28px','34.1px'],
      '36':['36px','44px'],
      '52':['52px','64px'],

    },
    extend: {
      fontFamily: {
        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
        montserrat: ['Montserrat'],
        roboto: ['Roboto'],
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
}