itreallydobeliketh.at/tailwind.config.js at main · joejoinerr/itreallydobeliketh.at · 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
module.exports = {
  purge: [
    './src/**/*.html',
    './src/**/*.twig',
    './src/**/*.njk'
  ],
  theme: {
    fontFamily: {
      main: ['Inter', 'sans-serif']
    },
    colors: {
      dark: {
        900: 'hsl(210,24%,16%)',
        800: 'hsl(209,20%,25%)',
        700: 'hsl(209,14%,37%)',
        600: 'hsl(211,12%,43%)',
        500: 'hsl(211,10%,53%)',
        400: 'hsl(211,13%,65%)',
        300: 'hsl(210,16%,82%)',
        200: 'hsl(214,15%,91%)',
        100: 'hsl(216,33%,97%)',
      },
      yellow: {
        900: 'hsl(22,88%,35%)',
        800: 'hsl(29,80%,44%)',
        700: 'hsl(36,77%,49%)',
        600: 'hsl(42,87%,55%)',
        500: 'hsl(44,92%,63%)',
        400: 'hsl(48,94%,68%)',
        300: 'hsl(48,95%,76%)',
        200: 'hsl(48,100%,88%)',
        100: 'hsl(49,100%,96%)',
      },
      red: {
        900: 'hsl(348,94%,20%)',
        800: 'hsl(352,95%,29%)',
        700: 'hsl(354,85%,44%)',
        600: 'hsl(356,75%,53%)',
        500: 'hsl(0,83%,62%)',
        400: 'hsl(0,91%,69%)',
        300: 'hsl(0,100%,80%)',
        200: 'hsl(0,100%,87%)',
        100: 'hsl(0,100%,95%)',
      },
      blue: {
        900: 'hsl(218,100%,17%)',
        800: 'hsl(216,98%,25%)',
        700: 'hsl(215,96%,32%)',
        600: 'hsl(212,92%,43%)',
        500: 'hsl(210,83%,53%)',
        400: 'hsl(208,88%,62%)',
        300: 'hsl(206,93%,73%)',
        200: 'hsl(204,100%,86%)',
        100: 'hsl(202,100%,95%)',
      }
    },
    extend: {},
  },
  variants: {},
  plugins: [
    require('@tailwindcss/typography')
  ],
}