lookbook/tailwind.config.js at main · openupresources/lookbook · 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
const lookbookTheme = require("./theme/theme.json");
const tailwindDefaults = require("tailwindcss/defaultTheme");

module.exports = {
  theme: {
    extend: {
      screens: {
        xs: "480px",
      },
      colors: {
        ...lookbookTheme,
      },
      fontFamily: {
        ui: ["Inter var", ...tailwindDefaults.fontFamily.sans],
        mono: ["Source Code Variable", ...tailwindDefaults.fontFamily.mono],
        prose: ["system-ui", "sans-serif"],
      },
    },
  },
  plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],
  content: [
    "./app/views/**/*.html.erb",
    "./app/components/**/*.html.erb",
    "./app/components/**/*.rb",
    "./app/components/**/*.js",
    "./app/assets/**/*.js",
    "./app/controllers/**/*.rb",
    "./spec/components/**/*.rb",
    "./spec/components/**/*.html.erb",
  ],
  safelist: [".lookbook-panel", { pattern: /icon-stroke-.+/ }],
};