tailwind.config.js 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. module.exports = {
  2. content: [
  3. './index.html',
  4. './src/**/*.{vue,js,ts,jsx,tsx}',
  5. ],
  6. theme: {
  7. fontSize: {
  8. '7xl': ['5.25rem', {
  9. letterSpacing: '-0.05em',
  10. lineHeight: '1',
  11. }],
  12. '6xl': ['4.4rem', {
  13. letterSpacing: '-0.05em',
  14. lineHeight: '1',
  15. }],
  16. '5xl': ['3.65rem', {
  17. letterSpacing: '-0.05em',
  18. lineHeight: '1.1',
  19. }],
  20. '4xl': ['3.05rem', {
  21. letterSpacing: '-0.04em',
  22. lineHeight: ' 1.1',
  23. }],
  24. '3xl': ['2.1rem', {
  25. letterSpacing: '-0.04em',
  26. lineHeight: '1.1',
  27. }],
  28. '2xl': ['1.75rem', {
  29. letterSpacing: '-0.04em',
  30. lineHeight: '1.2',
  31. }],
  32. xl: ['1.45rem', {
  33. letterSpacing: '-0.04em',
  34. lineHeight: '1.25',
  35. }],
  36. l: ['1.2rem', {
  37. letterSpacing: '-0.03em',
  38. lineHeight: '1.3',
  39. }],
  40. m: ['1rem', {
  41. letterSpacing: '-0.02em',
  42. lineHeight: '1.4',
  43. }],
  44. s: ['0.85rem', {
  45. letterSpacing: '-0.02em',
  46. lineHeight: '1.4',
  47. }],
  48. xs: ['0.7rem', {
  49. letterSpacing: '-0.02em',
  50. lineHeight: '1.4',
  51. }],
  52. },
  53. boxShadow: {
  54. outer: '0px 1px 0px #F1F5F9',
  55. DEFAULT: '0px 1px 0px #F1F5F9, inset 0px 1px 0px #F8FAFC',
  56. accent: '0px 1px 0px #F1F5F9, inset 0px 1px 0px #ECFCCB',
  57. lg: '0px 100px 80px rgba(15, 23, 42, 0.06), 0px 34.67px 24.12px rgba(15, 23, 42, 0.038), 0px 16.87px 10.02px rgba(15, 23, 42, 0.02), 0px 7.21px 3.62px rgba(15, 23, 42, 0.02)',
  58. },
  59. borderRadius: {
  60. DEFAULT: '5px',
  61. lg: '8px',
  62. },
  63. extend: {
  64. spacing: {
  65. '2xs': '0.4rem',
  66. xs: '0.8rem',
  67. s: '1.6rem',
  68. m: '2.4rem',
  69. l: '4rem',
  70. xl: '6.4rem',
  71. '2xl': '10.4rem',
  72. '3xl': '16.8rem',
  73. '4xl': '27.2rem',
  74. },
  75. },
  76. },
  77. plugins: [],
  78. };