APIs-guru.github.io/tailwind.config.js at main · APIs-guru/APIs-guru.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
40
41
42
43
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
    "./lib/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        sansation: ["Sansation", "sans-serif"],
        sans: ["Sansation", "sans-serif"],
      },
      colors: {
        brand: {
          DEFAULT: "#F5C01B",
          light: "#F7D16F",
          dark: "#F39925",
        },
        secondary: {
          DEFAULT: "#48ACBD",
          light: "#9DD4E1",
        },
        grey: {
          DEFAULT: "#666666",
          light: "#E6E6E6", // Computed from lighten($grey-color, 40%)
          dark: "#262626", // Computed from darken($grey-color, 25%)
        },
        text: "#333",
      },
      spacing: {
        navbar: "3.5rem", // $navbar-height
        "side-menu": "256px", // $side-menu-width
        content: "900px", // $content-width
      },
      screens: {
        palm: { max: "600px" }, // $on-palm
        laptop: { max: "900px" }, // $on-laptop
      },
    },
  },
  plugins: [require("@tailwindcss/typography")],
};