learnR/tailwind.config.js at master · cindyeme/learnR · 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
64
65
66
67
68
69
70
71
module.exports = {
  content: ["./public/index.html", "./src/**/*.{js,jsx}"],
  theme: {
    extend: {
      animation: {
        "bounce-slow": "bounce 9s linear infinite",
      },
      colors: {
        primary: {
          fade: " rgb(38, 93, 151)",
          // amber: "#FFC107",
          amber: "#f5960b",
          600: "#132f4c",
          700: "#002147",
          rgb: "rgb(0, 33, 71)",
          800: "#CB7B01",
          900: "#8EA0F3",
        },
        tag: {
          pink: "#fe4a55",
          yellow: "#d9a416",
          deem: "#221638",
          blue: "#1888c9",
          purple: "#7c4bc0",
          red: "#d23f3f",
          pop: "#ff5a00",
          green: "#2da397",
          section: "rgb(0, 30, 60, 0.6)",
        },
        grayish: {
          light: "rgba(255, 255, 255, .2)",
          500: "rgba(255, 255, 255, .1)",
          600: "#b2bac2",
          700: "#9DA5B3",
          800: "#907888",
          900: "#42383E",
        },
      },
      fontFamily: {
        montserrat: ["Montserrat", "sans-serif"],
        roboto: ["Roboto", "sans-serif"],
      },
      fontWeight: {
        bolder: 800,
        extrabold: 900,
      },
      boxShadow: {
        new: "0 25px 50px -12px rgba(175, 211, 241, 0.5)",
        norm: "0 0 25px 0 rgba(175, 211, 241, 0.5)",
      },
      padding: {
        6: "1.5rem",
        8: "2rem",
      },
      margin: {
        "550": "500px"
      },
      width: {
        550: "550px",
      },
      height: {
        550: "550px",
      },
      screens: {
        ipad: "1269px",
        xs: "323px"
      },
    },
  },
  plugins: [require("@tailwindcss/custom-forms")],
};