react-headless-pagination/tailwind.config.js at main · thijssmudde/react-headless-pagination · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./stories/**/*.tsx"],
  darkMode: "class", // or 'media' or 'class'
  theme: {
    colors: {
      primary: {
        25: "#F5FAFF",
        50: "#EFF8FF",
        100: "#D1E9FF",
        200: "#B2DDFF",
        300: "#84CAFF",
        400: "#53B1FD",
        500: "#2E90FA",
        600: "#1570EF",
        700: "#175CD3",
        800: "#1849A9",
        900: "#194185",
      },
    },
    fontSize: {
      xs: ["12px", "18px"],
      sm: ["14px", "20px"],
      md: ["16px", "24px"],
      lg: ["18px", "28px"],
      xl: ["20px", "30px"],

      h6: ["24px", "32px"],
      h5: ["30px", "38px"],
      h4: ["36px", "44px"],
      h3: ["48px", "60px"],
      h2: ["60px", "72px"],
      h1: ["72px", "90px"],
    },
    extend: {},
  },
  plugins: [],
};