Design system.
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.

tailwind.config.js 1.8 KiB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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. ],
  9. theme: {
  10. fontFamily: {
  11. sans: ['Encode Sans', ...defaultTheme.fontFamily.sans],
  12. mono: ['MonoLisa', 'mononoki', ...defaultTheme.fontFamily.mono],
  13. },
  14. colors: {
  15. 'shade': 'rgb(var(--color-shade))',
  16. 'negative': 'rgb(var(--color-negative))',
  17. 'positive': 'rgb(var(--color-positive))',
  18. 'primary': 'rgb(var(--color-primary))',
  19. 'secondary': 'rgb(var(--color-secondary))',
  20. 'tertiary': 'rgb(var(--color-tertiary))',
  21. 'code-number': 'rgb(var(--color-code-number))',
  22. 'code-keyword': 'rgb(var(--color-code-keyword))',
  23. 'code-type': 'rgb(var(--color-code-type))',
  24. 'code-instance-attribute': 'rgb(var(--color-code-instance-attribute))',
  25. 'code-function': 'rgb(var(--color-code-function))',
  26. 'code-parameter': 'rgb(var(--color-code-parameter))',
  27. 'code-property': 'rgb(var(--color-code-property))',
  28. 'code-string': 'rgb(var(--color-code-string))',
  29. 'code-variable': 'rgb(var(--color-code-variable))',
  30. 'code-regexp': 'rgb(var(--color-code-regexp))',
  31. 'code-url': 'rgb(var(--color-code-url))',
  32. 'code-global': 'rgb(var(--color-code-global))',
  33. 'current': 'currentcolor',
  34. 'inherit': 'inherit',
  35. },
  36. extend: {
  37. fontSize: {
  38. 'xxs': '0.625rem',
  39. },
  40. borderRadius: {
  41. inherit: 'inherit',
  42. },
  43. minWidth: {
  44. 6: '1.5rem',
  45. 10: '2.5rem',
  46. 12: '3rem',
  47. 16: '4rem',
  48. },
  49. minHeight: {
  50. 10: '2.5rem',
  51. 12: '3rem',
  52. 16: '4rem',
  53. },
  54. },
  55. },
  56. plugins: [],
  57. }