about-publishing/tailwind.config.js at master · mlibrary/about-publishing · 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
module.exports = {
  theme: {
    extend: {
      fontSize: {
        "09375": "0.9375rem",
        175: "1.75rem",
        "35": "3.5rem",
        "375": "3.75rem",
        "525": "5.25rem",
        "6": "6rem",
      },
      height: {
        "38125": "38.125rem",
        "414": "414px",
        90: "90%",
      },
      inset: {
        "-1": "-1rem",
        "2": "2rem",
        "7": "7rem",
        "9": "9rem",
        "12": "12rem",
      },
      lineHeight: {
        "105": "1.05",
        "118": "1.18",
      },
      maxHeight: {
        "24": "24rem",
        "38125": "38.125rem",
      },
      maxWidth: {
        "336": "336px",
        "8125": "8.125rem",
        "60": "60%",
        "70": "70%",
      },
      spacing: {
        275: "2.75rem",
        "1675": "16.75rem",
      },
      width: {
        "13": "13rem",
        "320": "20rem",
        "38": "38%",
      },
      zIndex: {
        "5": "5",
        "8": "8",
      },
    },
    colors: {
      "almost-black": {
        default: "#06080a",
        "21": "rgba(6, 8, 10, 0.21)",
        "30": "rgba(6, 8, 10, 0.60)",
      },
      "battleship-grey": "#637381",
      "bluey-grey": "#64717C",
      "cloudy-blue": "#aab9e3",
      "cornflower-blue": "#506fc5",
      dark: "#212b36",
      "dusk-blue": "#274391",
      eggshell: "#CBE5BE",
      golden: "#EABA02",
      grey: "#979797",
      "metallic-blue": "#4C6781",
      "michigan-blue": "#00274c",
      "michigan-maize": "#ffcb05",
      "mid-blue": "#1c7797",
      "pale-grey": "#E9F2F5",
      "pale-grey-2": "#f7f8f9",
      scarlet: "#EA4335",
      "sea-blue": "#1A6681",
      "slate-grey": "#5F686D",
      "very-light-blue": "#e5e9ed",
      white: "#fefefe",
    },
    fontFamily: {
      sans: [
        "Muli",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "sans-serif",
      ],
      serif: ["Crimson Text", "Georgia", "Cambria", "Times New Roman", "serif"],
      mono: ["Menlo", "Monaco", "Consolars", "Libertation Mono", "monospace"],
    },
  },
  variants: {
    textDecoration: ["responsive", "hover", "focus", "active", "group-hover"],
  },
  plugins: [],
}