const base = require("./design-system/setup/tailwind.config.js");

// The copied design-system docs (INIT.md, design-system.md, conformity.md)
// reference an `ease-nav-brand` easing token for the sidebar/nav transitions,
// but the reference tailwind.config.js and compiled CSS never actually
// define it. Add it here rather than editing the copied source file.
module.exports = {
  ...base,
  content: ["./index.html", "./src/**/*.{vue,ts}"],
  theme: {
    ...base.theme,
    transitionTimingFunction: {
      ...base.theme.transitionTimingFunction,
      "nav-brand": "cubic-bezier(0.82, 0.01, 0.32, 1)",
    },
  },
};