/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

const defaultTheme = require('tailwindcss/defaultTheme');
const colors = require('./colors');

module.exports = {
  content: [
    './app/**/*.{js,ts,jsx,tsx}',
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
    './lib/forgetMonacoDiagnostics.ts',
  ],
  theme: {
    extend: {
      colors,
      width: {
        toast: 'min(900px, 100vw - 40px)',
        'toast-body': 'calc(100% - 60px)',
        'toast-title': 'calc(100% - 40px)',
      },
      height: {
        content: 'calc(100vh - 45px)',
        monaco: 'calc(100vh - 93px)',
        monaco_small: 'calc(100vh - 129px)',
      },
      fontFamily: {
        sans: [
          'Optimistic Display',
          '-apple-system',
          ...defaultTheme.fontFamily.sans,
        ],
      },
    },
  },
  plugins: [],
};