Design system.
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. const defaultTheme = require('tailwindcss/defaultTheme')
  2. /** @type {import('tailwindcss').Config} */
  3. module.exports = {
  4. content: [
  5. './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
  6. './src/components/**/*.{js,ts,jsx,tsx,mdx}',
  7. './src/categories/**/*.{js,ts,jsx,tsx,mdx}',
  8. './node_modules/@tesseract-design/**/*.{js,ts,jsx,tsx,mdx}',
  9. ],
  10. theme: {
  11. fontFamily: {
  12. sans: ['var(--font-sans)', ...defaultTheme.fontFamily.sans],
  13. headings: ['var(--font-headings)', ...defaultTheme.fontFamily.sans],
  14. mono: ['var(--font-mono)', ...defaultTheme.fontFamily.mono],
  15. },
  16. colors: {
  17. 'shade': 'rgb(var(--color-shade))',
  18. 'negative': 'rgb(var(--color-negative))',
  19. 'positive': 'rgb(var(--color-positive))',
  20. 'primary': 'rgb(var(--color-primary))',
  21. 'secondary': 'rgb(var(--color-secondary))',
  22. 'tertiary': 'rgb(var(--color-tertiary))',
  23. 'code-number': 'rgb(var(--color-code-number))',
  24. 'code-keyword': 'rgb(var(--color-code-keyword))',
  25. 'code-type': 'rgb(var(--color-code-type))',
  26. 'code-instance-attribute': 'rgb(var(--color-code-instance-attribute))',
  27. 'code-function': 'rgb(var(--color-code-function))',
  28. 'code-parameter': 'rgb(var(--color-code-parameter))',
  29. 'code-property': 'rgb(var(--color-code-property))',
  30. 'code-string': 'rgb(var(--color-code-string))',
  31. 'code-variable': 'rgb(var(--color-code-variable))',
  32. 'code-regexp': 'rgb(var(--color-code-regexp))',
  33. 'code-url': 'rgb(var(--color-code-url))',
  34. 'code-global': 'rgb(var(--color-code-global))',
  35. 'current': 'currentcolor',
  36. 'inherit': 'inherit',
  37. 'transparent': 'transparent',
  38. },
  39. extend: {
  40. fontSize: {
  41. 'lg': '1.125em',
  42. 'xl': '1.25em',
  43. '2xl': '1.5em',
  44. '3xl': '1.75em',
  45. '4xl': '2em',
  46. '5xl': '3em',
  47. '6xl': '4em',
  48. 'xxs': '0.625rem',
  49. },
  50. borderRadius: {
  51. inherit: 'inherit',
  52. },
  53. minWidth: {
  54. 6: '1.5rem',
  55. 10: '2.5rem',
  56. 12: '3rem',
  57. 16: '4rem',
  58. 48: '12rem',
  59. 64: '16rem',
  60. },
  61. minHeight: {
  62. 6: '1.5rem',
  63. 10: '2.5rem',
  64. 12: '3rem',
  65. 16: '4rem',
  66. 64: '16rem',
  67. },
  68. strokeWidth: {
  69. 3: '3',
  70. },
  71. },
  72. },
  73. plugins: [],
  74. }