Design system.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

tailwind.config.js 1.7 KiB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. /** @type {import('tailwindcss').Config} */
  2. module.exports = {
  3. content: [
  4. './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
  5. './src/components/**/*.{js,ts,jsx,tsx,mdx}',
  6. './src/categories/**/*.{js,ts,jsx,tsx,mdx}',
  7. ],
  8. theme: {
  9. fontFamily: {
  10. sans: ['Encode Sans Semi Expanded', 'Encode Sans', 'sans-serif'],
  11. },
  12. colors: {
  13. 'shade': 'rgb(var(--color-shade))',
  14. 'negative': 'rgb(var(--color-negative))',
  15. 'positive': 'rgb(var(--color-positive))',
  16. 'primary': 'rgb(var(--color-primary))',
  17. 'secondary': 'rgb(var(--color-secondary))',
  18. 'tertiary': 'rgb(var(--color-tertiary))',
  19. 'code-number': 'rgb(var(--color-code-number))',
  20. 'code-keyword': 'rgb(var(--color-code-keyword))',
  21. 'code-type': 'rgb(var(--color-code-type))',
  22. 'code-instance-attribute': 'rgb(var(--color-code-instance-attribute))',
  23. 'code-function': 'rgb(var(--color-code-function))',
  24. 'code-parameter': 'rgb(var(--color-code-parameter))',
  25. 'code-property': 'rgb(var(--color-code-property))',
  26. 'code-string': 'rgb(var(--color-code-string))',
  27. 'code-variable': 'rgb(var(--color-code-variable))',
  28. 'code-regexp': 'rgb(var(--color-code-regexp))',
  29. 'code-url': 'rgb(var(--color-code-url))',
  30. 'code-global': 'rgb(var(--color-code-global))',
  31. 'current': 'currentcolor',
  32. },
  33. extend: {
  34. fontSize: {
  35. 'xxs': '0.625rem',
  36. },
  37. borderRadius: {
  38. inherit: 'inherit',
  39. },
  40. minWidth: {
  41. 6: '1.5rem',
  42. 10: '2.5rem',
  43. 12: '3rem',
  44. 16: '4rem',
  45. },
  46. minHeight: {
  47. 10: '2.5rem',
  48. 12: '3rem',
  49. 16: '4rem',
  50. },
  51. },
  52. },
  53. plugins: [],
  54. }