athenagame.github.io/tailwind.config.js at dev · athenagame/athenagame.github.io · 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
module.exports = {
  theme: {
    fontFamily: {
      sans: [
        'Montserrat',
        'Shabnam',
        '-apple-system',
        'BlinkMacSystemFont',
        '"Segoe UI"',
        'Roboto',
        '"Helvetica Neue"',
        'Arial',
        '"Noto Sans"',
        'sans-serif',
        '"Apple Color Emoji"',
        '"Segoe UI Emoji"',
        '"Segoe UI Symbol"',
        '"Noto Color Emoji"'
      ]
    },
    extend: {
      colors: {
        primary: {
          lighter: 'hsl(207, 73%, 52%)',
          default: 'hsl(181, 53%, 44%)',
          darker: 'hsl(187, 81%, 29%)'
        }
      }
    }
  },
  variants: {
    textAlign: ['responsive', 'direction'],
    fontWeight: ['responsive', 'direction'],
    fontSize: ['responsive', 'direction'],
    width: ['responsive', 'direction'],
    margin: ['responsive', 'direction']
  },
  plugins: [require('tailwindcss-dir')()]
};