dgab/tailwind.config.js at main · dancegames-berkeley/dgab · 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
// filepath: /home/remy/Desktop/proj/dgab/tailwind.config.js
module.exports = {
  content: ["./src/**/*.{html,js,svelte,ts}"],
  theme: {
    extend: {
      colors: {
        lightnavy: "#0d2c55",
        navy: "#0f1f33",
        darknavy: "#071424",
        // colors for difficulty ratings
        beginner: "#dd57ff",
        easy: "#8885ff",
        medium: "#3d94ff",
        hard: "#00b8cc",
        challenge: "#5ce087",
        edit: "#808080",

      },
      fontFamily: {
        sans: ["Montserrat", "sans-serif"],
        daysone: ["Days One", "sans-serif"],
        montserrat: ['Montserrat', 'sans-serif'],
        inter: ['Inter', 'sans-serif'],
        mochiy: ['Mochiy Pop One', 'sans-serif'],
        miso: ['Miso', 'sans-serif'],
        wendy: ['Wendy', 'sans-serif'],
      },
      textUnderlineOffset: {
        12: '12px',
        16: '16px',
        20: '20px',
      },
      scrollMarginTop: {
        14: '14rem',
      },
    },
  },
   safelist: [
    'bg-beginner',
    'bg-easy',
    'bg-medium',
    'bg-hard',
    'bg-challenge',
    'bg-edit',
    'text-beginner',
    'text-easy',
    'text-medium',
    'text-hard',
    'text-challenge',
    'text-edit',
  ],
  plugins: [
    require('@tailwindcss/aspect-ratio'),
  ],
};