const defaultTheme = require("tailwindcss/defaultTheme");

module.exports = {
  purge: ["./index.html", "src/app/**/*.{vue,ts}"],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      fontFamily: {
        "brand": ["IBM Plex Sans", "sans"]
      },
      colors: {
        ui: {
          plexGray: "rgb(31, 35, 38)"
        }
      }
    },
    screens: {
      xs: "475px",
      ...defaultTheme.screens
    }
  },
  variants: {
    extend: {
      cursor: ["disabled"],
      backgroundColor: ["disabled"],
      opacity: ["disabled"],
      borderWidth: ["disabled"],
      borderColor: ["disabled"],
      transform: ["motion-safe"]
    },
  },
  plugins: [],
}
